Je suis un portable, pas un ordinateur. Nous namp;rsquoexclurons personne de votre stratégie de marketing.
La version thème et le plugin que nous testerons: thème: elementoramp;rsquos Free Hello themes (version 3.7.6) sont entrés dans notre liste des meilleurs thèmes WordPress gratuits et rapides. Important: Oxygen désactive complètement le système de thèmes WordPress: les thèmes actifs ne sont jamais chargés et n’affectent pas la performance ou l’apparence du site. Comme lamp;rsquooxygène ne charge pas le thème, nous utilisons le thème
voulez savoir comment elementor accélère votre site, nous recommandons de lire nos articles spécialisés. KPI mobile et Google page speed Insights Performance Testing Tools (Core Web critical information, speed Index, total Lock time, First content drawing and Interactive time) webpagetest (Full Load time on Mobile Devices, page size and http requests – iPhone x served in France) dans notre article, Chaque page Builder est comparé au même contenu et scénario pour une comparaison égale.
Scénario 1 – générateur de page à une ligne nous examinerons les scores de performance de chaque plug in avant damp;rsquoajouter quelque chose damp;rsquoimportant, comme un module ou un autre élément avancé. Il suffit damp;rsquoactiver les plug ins Oxygen et element sur le site Web en une seule ligne. Nous espérons que les résultats seront bons, car il y a peu de contenu. Scénario 2 – ajouter
Satisfait damp;rsquoêtre aussi juste et équilibré que possible, nous ajouterons les mêmes modules pré construits pour les deux fabricants.
Note: elementor appelle son module
Avant de plonger dans le contrôle de vitesse, nous recommandons de lire nos guides utiles sur la façon de tester les performances du site WordPress.
Comparaison des performances oxygène et Element: Quel générateur de page WordPress est plus rapide? Sans plus de suspense, commençons par le scénario 1: scénario 1 – le générateur de page a une seule ligne de texte dans le premier test, il suffit damp;rsquoajouter une seule ligne de texte en utilisant le formulaire de texte de chaque générateur.
Module de texte oxygène
Formulaire de texte de lamp;rsquoélément
Regardons nos résultats:
PSI grade with oxygen (Text only)
Niveau PSI de lamp;rsquoélément installé (Texte seulement)
Je résume intuitivement les IRC dans le tableau suivant:
KPI (Performance mobile)
0008
0
Temps de pleine charge
2989 secondes
3998 secondes
Requêtes http
23.
21 ans.
Première conclusion: lamp;rsquooxygène est il plus rapide que lamp;rsquoélément? En bref, oui, lamp;rsquooxygène est plus rapide que lamp;rsquoélément. Le temps de chargement de la page pour lamp;rsquoélément est plus long: environ 4 secondes, tandis que le temps de chargement de la page pour Oxygen est de 3 secondes. En ce qui concerne les signes vitaux du réseau central, lamp;rsquooxygène est également meilleur que lamp;rsquoélément. La peinture à teneur maximale en oxygène (LCP) est de 4,6 secondes (rouge), mais lamp;rsquoélément est pire: 10,5 secondes (rouge). Il est temps de passer à la dernière étape de notre processus de test, et le troisième scénario est lamp;rsquoinstallation de notre puissant plug in de cache: WP Rocket. Scénario 3 – quelques contenus + fusées WP lorsque jamp;rsquoai activé la fusée WP, mes deux sites damp;rsquoessai se sont déplacés vers la zone verte de lamp;rsquoappareil mobile! Lamp;rsquoune des améliorations les plus importantes a été lamp;rsquoindicateur de temps de pleine charge: lamp;rsquooxygène est passé de 2898 secondes à 0,77 seconde, et lamp;rsquoélément est passé de 3998 secondes à 0896 secondes. Enfin, et ce namp;rsquoest pas le moins important: mes signes vitaux du réseau central sont passés du rouge au vert avec la fusée WP.
Fusée oxygène + WP (PSI)
Fusée elementor + WP (PSI)
Voici un tableau comparatif final montrant les constructeurs avec ou sans fusées WP:
KPI (Performance mobile)
Générateur damp;rsquooxygène haute performance avec contenu
Générateur damp;rsquooxygène à haute performance WP Rocket
Performance du contenu du constructeur damp;rsquoéléments
Performance de elementor Builder et WP Rocket
Nombre total de votes
77 100
100 100 (wow!)
55 100
98 100
Le premier tableau heureux
3,1 secondes
1,0 sec
6,3 secondes
1,6 sec
Indice de vitesse
3,1 secondes
1,0 sec
6,3 secondes
1,7 sec
Le plus grand Pigment heureux
4,6 secondes
1,2 seconde (le Web de base vert est essentiel!)
10,5 secondes
1,6 seconde (le Web de base vert est essentiel!)
Temps total damp;rsquointeraction
3,7 secondes
1,0 sec
6,5 secondes
3,5 secondes
Temps total de verrouillage
30 MS
0 MS
80 MS
0 MS
Déplacement cumulé de la disposition
GLIA utilise des plug ins puissants pour mettre en cache le Code et les images optimisés:
« utiliser des politiques de mise en cache efficaces pour servir les ressources statiques » Source: PSI heureusement, WP Rocket a satisfait à presque toutes les exigences en matière de rapports pour améliorer le rendement. Il ressort de nos contrôles de performance que la fusée WP a considérablement accéléré Notre vitesse damp;rsquoessai (les vitesses damp;rsquoessai de lamp;rsquoelementor et de lamp;rsquoOxygen sur le PSI sont passées respectivement à 99 100 et 100 100). En fait, WP Rocket applique automatiquement 80% des meilleures pratiques en matière de performance web. De plus, voici les fonctionnalités les plus puissantes pour accélérer oxygent et Element: cache et compression Gzip: WP Rocket est un puissant plug in de cache qui cache toutes les pages, même pour les visiteurs mobiles. Il réduit également lamp;rsquoutilisation de la bande passante en raison de la compression Gzip automatique lors de lamp;rsquoactivation.
Caractéristiques du cache mobile – Source: plug in WP Rocket lazyload – dans l’onglet médias, nous avons mis en œuvre un chargement lent de toutes les images (recommandées, avatars de héros, etc.). Cette technique damp;rsquooptimisation est conçue pour charger uniquement les images réellement vues par lamp;rsquoutilisateur.
Fonction de chargement lent et taille de lamp;rsquoimage Source: plug in de Rocket WP Note: Lighthouse recommande également un format de prochaine génération (comme webp) pour les images. voulez compresser lamp;rsquoimage et la convertir en webp, consultez lamp;rsquoimage. Supprimer les CSS inutilisés, minimiser et fusionner les fichiers CSS, optimiser les publications CSS: ces options suppriment les CSS inutilisés, fusionner et minimiser les CSS critiques, et optimiser les publications CSS.
Optimisation de la livraison CSS – Source: le plug in WP Rocket minimise les fichiers Javascript, charge les JS retardés et retarde lamp;rsquoexécution js: ces capacités ont été réduites, différentes
Cache ss:
Mise en cache CSS – Source: Oxygen Integrated performance Functions (elementor) element inclut également une fonctionnalité pour charger les sites plus rapidement en chargeant des ressources dynamiques sans écrire de code inutile. Depuis lamp;rsquoélément 3.0, les mécanismes dynamiques de chargement et de rendu CSS ont été améliorés. La première fois que créez et accédez à une page, lamp;rsquoélément cache tous les éléments avec des valeurs dynamiques. Par exemple, camp;rsquoest très bon pour un site Web créé avec ACF, car il doit charger une grande quantité de contenu dynamique et de styles. Un générateur de page de visualisation de fonctions clés similaire a une interface intuitive et conviviale. Les éléments personnalisés (widgets et modules) des deux constructeurs sont situés à gauche:
Interface oxygène (aspect graphique du développeur)
Interface de lamp;rsquoélément (légèrement plus conviviale)
Concevoir des messages et des pages WordPress sans encodage: les deux constructeurs offrent des styles puissants pour chaque module, y compris l’onglet avancé avec des options CSS.
Interface de modélisation de lamp;rsquooxygène
Interface de style élément
Une bibliothèque impressionnante de modèles de réponse que pouvez installer et remplacer par votre propre contenu.
Point de démonstration de lamp;rsquooxygène (ensemble de conception)
te de démonstration de lamp;rsquoélément (bibliothèque)
Des sections prédéfinies entièrement personnalisables pour ajouter des titres, des curseurs, des boutons d’action, des formulaires de contact, des références, etc. aux sites WordPress.
Bloc préfabriqué (oxygène)
Bloc préfabriqué (élément)
Les deux bibliothèques sont faciles à utiliser. Par exemple, pour lamp;rsquooxygène, lamp;rsquoindustrie doit damp;rsquoabord être choisie. Vous pouvez ensuite choisir damp;rsquoimporter toute la page ou une partie de celle ci:
Utiliser les pages et sections par défaut damp;rsquoOxygen Source: Oxygen page Builder peut créer des modèles personnalisés pour les types de messages personnalisés et les archives par exemple, n pages
Chaque version pro contient une grande variété damp;rsquoUli et de modèles. Pour accéder à la Banque damp;rsquooxygène, devez utiliser le programme le plus coûteux. Le public cible est légèrement différent Oxygen Builder offre plus de choix aux développeurs, plus facile à gérer et moins coûteux pour les développeurs web. Elementor et elementor pro sont conçus pour les utilisateurs qui veulent créer leurs propres sites Web damp;rsquoune manière intéressante et qui connaissent peu ou pas le codage HTML et CSS. Remarque: Nous fournissons de lamp;rsquooxygène comme cadre de développement, mais si êtes un développeur principal, pouvez toujours utiliser elementor pro dans le prochain projet. Toutes les fonctionnalités sont géniales et pouvez changer le design de namp;rsquoimporte quelle façon. La première différence est que pouvez obtenir une licence à vie en utilisant Oxygen, mais elementor namp;rsquoa pas de licence à vie et elementor namp;rsquooffre que des abonnements annuels. Avec elementor, le prix dépend du nombre de sites Web que construisez, du niveau de soutien que attendez et si souhaitez rejoindre leur profil de réseau expert. Le premier forfait commence à 49 $ an et 1000 sites à 999 $ an.
Prix de lamp;rsquoélément – Source: te officiel de lamp;rsquoélément comme indiqué ci dessus, lamp;rsquooxygène est plus un système de paiement forfaitaire. Pour déverrouiller la fonctionnalité woocommerce, lamp;rsquointégration Gutenberg et les éléments composites (accès à la bibliothèque), devez obtenir le paquet final: un compte à vie de 349 $.
Prix de lamp;rsquooxygène (avec rabais) Source: te officiel de lamp;rsquooxygène dans lamp;rsquoensemble, lamp;rsquooxygène est beaucoup moins cher que lamp;rsquoélément parce que namp;rsquoavez pas besoin de payer chaque année. Cela permet d’acheter des outils Web plus avancés et d’investir un budget pour optimiser la vitesse du site WordPress. En résumé, Oxygen et elementor ont leurs propres forces et faiblesses, mais Oxygen a tendance à être meilleur en termes de performance. Le choix dépend de vos besoins et du type de e
