2022 Oxygen vs element performance (Speed Test and main features)

by juin 2, 2022

Je suis un portable, pas un ordinateur. Nous n’exclurons personne de votre stratégie de marketing.
La version thème et le plugin que nous testerons: thème: elementor’s 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 l’oxygène ne charge pas le thème, nous utilisons le thème \
Si vous voulez savoir comment elementor accélère votre site, nous vous 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 d’ajouter quelque chose d’important, comme un module ou un autre élément avancé. Il suffit d’activer 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 d’être aussi juste et équilibré que possible, nous ajouterons les mêmes modules pré – construits pour les deux fabricants.
Note: elementor appelle son module \

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 d’ajouter une seule ligne de texte en utilisant le formulaire de texte de chaque générateur.

Formulaire de texte de l’élément

Avant de plonger dans le contrôle de vitesse, nous vous recommandons de lire nos guides utiles sur la façon de tester les performances du site WordPress.
Module de texte oxygène

Regardons nos résultats:

PSI grade with oxygen (Text only)	Niveau PSI de l’élément installé (Texte seulement)

Je résume intuitivement les IRC dans le tableau suivant:

0008

2989 secondes

KPI (Performance mobile)
0	Temps de pleine charge

3998 secondes

21 ans.

Première conclusion: l’oxygène est – il plus rapide que l’élément? En bref, oui, l’oxygène est plus rapide que l’élément. Le temps de chargement de la page pour l’é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, l’oxygène est également meilleur que l’élément. La peinture à teneur maximale en oxygène (LCP) est de 4,6 secondes (rouge), mais l’é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 l’installation de notre puissant plug – in de cache: WP Rocket. Scénario # 3 – quelques contenus + fusées WP lorsque j’ai activé la fusée WP, mes deux sites d’essai se sont déplacés vers la zone verte de l’appareil mobile! L’une des améliorations les plus importantes a été l’indicateur de temps de pleine charge: l’oxygène est passé de 2898 secondes à 0,77 seconde, et l’élément est passé de 3998 secondes à 0896 secondes. Enfin, et ce n’est 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 elementor + WP (PSI)

Voici un tableau comparatif final montrant les constructeurs avec ou sans fusées WP:

Générateur d’oxygène haute performance avec contenu

55 \/ 100

3,1 secondes

6,3 secondes

4,6 secondes

	Requêtes http	23.
		Fusée oxygène + WP (PSI)

		KPI (Performance mobile)
Générateur d’oxygène à haute performance WP Rocket	Performance du contenu du constructeur d’éléments	Performance de elementor Builder et WP Rocket
Nombre total de votes	77 \/ 100	100 \/ 100 (wow!)
98 \/ 100		Le premier tableau heureux
1,0 sec	6,3 secondes	1,6 sec
Indice de vitesse	3,1 secondes	1,0 sec
1,7 sec		Le plus grand Pigment heureux

1,2 seconde (le Web de base vert est essentiel!)

3,7 secondes

6,5 secondes

10,5 secondes	1,6 seconde (le Web de base vert est essentiel!)
Temps total d’interaction	1,0 sec

3,5 secondes

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 d’essai (les vitesses d’essai de l’elementor et de l’Oxygen 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 l’utilisation de la bande passante en raison de la compression Gzip automatique lors de l’activation.

Fonction de chargement lent et taille de l’image – Source: plug – in de Rocket WP Note: Lighthouse recommande également un format de prochaine génération (comme webp) pour les images. Si vous voulez compresser l’image et la convertir en webp, consultez l’image. 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.

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 l’élément 3.0, les mécanismes dynamiques de chargement et de rendu CSS ont été améliorés. La première fois que vous créez et accédez à une page, l’élément cache tous les éléments avec des valeurs dynamiques. Par exemple, c’est 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:

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.

Une bibliothèque impressionnante de modèles de réponse que vous pouvez installer et remplacer par votre propre contenu.

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.

	Temps total de verrouillage	30 MS
80 MS	0 MS
	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 d’optimisation est conçue pour charger uniquement les images réellement vues par l’utilisateur.	Optimisation de la livraison CSS – Source: le plug – in WP Rocket minimise les fichiers Javascript, charge les JS retardés et retarde l’exécution js: ces capacités ont été réduites, différentes Cache ss:
Interface oxygène (aspect graphique du développeur)	Interface de l’élément (légèrement plus conviviale)

Interface de modélisation de l’oxygène	Interface de style élément

Point de démonstration de l’oxygène (ensemble de conception)	Site de démonstration de l’élément (bibliothèque)

Bloc préfabriqué (oxygène)	Bloc préfabriqué (élément)

Les deux bibliothèques sont faciles à utiliser. Par exemple, pour l’oxygène, l’industrie doit d’abord être choisie. Vous pouvez ensuite choisir d’importer toute la page ou une partie de celle – ci:

Utiliser les pages et sections par défaut d’Oxygen – 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é d’Uli et de modèles. Pour accéder à la Banque d’oxygène, vous 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 d’une manière intéressante et qui connaissent peu ou pas le codage HTML et CSS. Remarque: Nous fournissons de l’oxygène comme cadre de développement, mais si vous êtes un développeur principal, vous pouvez toujours utiliser elementor pro dans le prochain projet. Toutes les fonctionnalités sont géniales et vous pouvez changer le design de n’importe quelle façon. La première différence est que vous pouvez obtenir une licence à vie en utilisant Oxygen, mais elementor n’a pas de licence à vie et elementor n’offre que des abonnements annuels. Avec elementor, le prix dépend du nombre de sites Web que vous construisez, du niveau de soutien que vous attendez et si vous souhaitez rejoindre leur profil de réseau expert. Le premier forfait commence à 49 $\/ an et 1000 sites à 999 $\/ an.

Prix de l’élément – Source: Site officiel de l’élément comme indiqué ci – dessus, l’oxygène est plus un système de paiement forfaitaire. Pour déverrouiller la fonctionnalité woocommerce, l’intégration Gutenberg et les éléments composites (accès à la bibliothèque), vous devez obtenir le paquet final: un compte à vie de 349 $.

Prix de l’oxygène (avec rabais) – Source: Site officiel de l’oxygène dans l’ensemble, l’oxygène est beaucoup moins cher que l’élément parce que vous n’avez pas besoin de payer chaque année. Cela vous 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

2022 Oxygen vs element performance (Speed Test and main features)

Leave a Reply Cancel reply