{"id":1864,"date":"2019-05-16T14:21:11","date_gmt":"2019-05-16T14:21:11","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1864"},"modified":"2020-04-15T12:32:26","modified_gmt":"2020-04-15T12:32:26","slug":"gutenberg-vs-elementor-comparaison-de-la-vitesse-de-page","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/gutenberg-vs-elementor-comparaison-de-la-vitesse-de-page\/","title":{"rendered":"Gutenberg vs Elementor \u2013 Comparaison de la vitesse de page"},"content":{"rendered":"
\n
La plupart des constructeurs de pages, comme Elementor, offrent aux utilisateurs inexp\u00e9riment\u00e9s la possibilit\u00e9 d'ajouter beaucoup de contenu \u00e0 leurs pages, ce qui entra\u00eene souvent un temps de chargement plus lent pour leurs sites Web. L\u2019objectif d\u2019Automattic, avec le tout nouveau Gutenberg, est de donner \u00e0 tous ces constructeurs de pages la chance de gagner de l\u2019argent.
\nEn r\u00e9alit\u00e9,\u00a0WordPress\u00a0<\/a>veut rivaliser les constructeurs de pages tels que WIX, Squarespace, Weebly et autres, mais tous les plugins de cr\u00e9ation de page comme Elementor ou Thrive seront \u00e9galement pris entre deux feux.<\/p>\n
<\/div>\n
\n
<\/div>\n

\"\"<\/a><\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h2>\n

Elementor<\/h3>\n

Elementor\u00a0<\/a>est l'un des plugins de cr\u00e9ation de page les plus populaires pour WordPress. Il propose des versions gratuites et payantes offrant aux utilisateurs la possibilit\u00e9 de cr\u00e9er des pages sans aucun savoir-faire technique.<\/p>\n

Nous avions l'habitude d'\u00eatre de grands fans des constructeurs de pages Elementor et Thrive car ces deux plugins nous permettaient de cr\u00e9er rapidement des pages avec de simples fonctionnalit\u00e9s de glisser-d\u00e9poser, mais nous voulions que nos pages soient optimis\u00e9es pour la vitesse.<\/p>\n

Les temps de chargement ne correspondaient pas exactement \u00e0 ce que nous souhaitions. Elementor et Thrive n\u2019ont pas r\u00e9ellement aid\u00e9 notre site \u00e0 charger beaucoup de fois.<\/p>\n

Cela nous a oblig\u00e9 \u00e0 rechercher des solutions de rechange qui pourraient nous aider \u00e0 r\u00e9duire les temps de chargement de nos pages et \u00e0 augmenter la vitesse de chargement de notre site.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h2>\n

Gutenberg<\/h3>\n

Automattic a livr\u00e9 avec son tout nouveau constructeur de pages Gutenberg. Il est suppos\u00e9 concurrencer tous les constructeurs de page par glisser-d\u00e9poser avec son \u00e9diteur de blocs.<\/p>\n

Cependant, il n\u2019ya pas que des arcs-en-ciel et du soleil chez Gutenberg non plus. L\u2019\u00e9diteur a de nombreuses lacunes et il est assez complexe \u00e0 utiliser et manque de la finition de certains autres constructeurs de page, mais il surpasse tout le reste.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h2>\n

Am\u00e9liorer la vitesse de la page<\/h3>\n

Nous avons essay\u00e9 ceci sur notre site web TopReviewedTen\u00a0\u00a0<\/a>et nous avons obtenu ce que nous recherchions d\u00e8s que nous sommes pass\u00e9s \u00e0 Gutenberg. C\u2019est peut-\u00eatre la chose la plus complexe qui soit, mais tant que la vitesse de la page et les temps de chargement sont lents, la vitesse est rapide. M\u00eame si vous ex\u00e9cutez les tests les plus \u00e9l\u00e9mentaires sur vos pages, vous vous rendrez vite compte que Gutenberg vous offre les meilleures performances de tous les constructeurs de pages du march\u00e9.<\/p>\n

Bien que ce ne soit pas la seule chose \u00e0 faire pour am\u00e9liorer la vitesse de la page. La toute nouvelle version d'Automattic contribue \u00e0 am\u00e9liorer les temps de chargement, mais il existe certainement un certain nombre d'autres facteurs qui contribuent r\u00e9ellement \u00e0 am\u00e9liorer la vitesse de page.<\/p>\n

Alors, voici ce que vous pouvez faire pour am\u00e9liorer les temps de chargement de vos pages Web. Nous avons essay\u00e9 et test\u00e9 chacune de ces m\u00e9thodes.<\/p>\n

Test de vitesse du site Web de Google (avant Gutenberg):<\/strong><\/p>\n

<\/div>\n

\"website<\/p>\n

<\/div>\n

Test de vitesse du site Web de Google (apr\u00e8s Gutenberg):<\/strong><\/p>\n

<\/div>\n

\"website<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

1. Minification<\/h5>\n

Tout d'abord, vous devez vous assurer que vous utilisez un plugin de mise en cache sur votre site. En outre, vous devez utiliser le plug-in de mise en cache pour r\u00e9duire au minimum le code CSS et JavaScript sur votre site Web. Minification supprime tous les caract\u00e8res inutiles de votre code source, ce qui contribue \u00e0 am\u00e9liorer les performances.<\/p>\n

<\/div>\n
\n
<\/h5>\n

<\/h3>\n

2. Taille des images<\/h5>\n

Cela devrait \u00eatre de notori\u00e9t\u00e9 publique maintenant. Toujours utiliser des images avec la taille la plus basse. Si vous avez une image de grande taille, comprimez-la avant de la t\u00e9l\u00e9charger sur votre site Web. Vous pouvez utiliser le plugin https:\/\/resmush.it\/<\/a> pour la compression des images.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

3. HTML \/ CSS personnalis\u00e9<\/h5>\n

Au lieu de gonfler votre site Web avec diff\u00e9rents trucs des constructeurs de pages, vous devez utiliser uniquement du code HTML et CSS personnalis\u00e9 sur vos pages Web. Cela r\u00e9duit consid\u00e9rablement le volume de vos pages et am\u00e9liore consid\u00e9rablement les performances.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

4. Supprimer les scripts<\/h5>\n

Assurez-vous de ne pas utiliser des iframes ou des scripts sur vos pages. Ils peuvent ralentir vos pages et diminuer les performances.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

5. Faible utilisation des API<\/h5>\n

Les API qui renvoient souvent des demandes au serveur augmentent les temps de chargement de votre site Web. Assurez-vous de ne pas utiliser beaucoup d\u2019\u00e9l\u00e9ments sur votre page Web pour envoyer des demandes.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

6. Utiliser des th\u00e8mes personnalis\u00e9s<\/h5>\n

Cela n\u00e9cessite des connaissances techniques. Si vous souhaitez am\u00e9liorer les performances de votre site Web, choisissez des th\u00e8mes personnalis\u00e9s, en particulier ceux d\u00e9velopp\u00e9s avec Node.js.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

7. R\u00e9seaux de diffusion de contenu<\/h5>\n

Il s'agit d'une m\u00e9thode \u00e9prouv\u00e9e qui fonctionne \u00e0 merveille pour tous les sites Web. Utilisez un CDN (Content Delivery Network) qui h\u00e9berge votre contenu, y compris les m\u00e9dias, tels que les images. Ces CDN utilisent leurs serveurs du monde entier pour diffuser votre contenu rapidement via le serveur le plus proche.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

8. WP Rocket \u00e0 la rescousse<\/h5>\n

WP Rocket est un plugin d\u2019optimisation de la vitesse pour WordPress qui contribue \u00e0 am\u00e9liorer la vitesse de lecture des pages de votre site Web. Utilisez ce plugin pour une vari\u00e9t\u00e9 d'options d'acc\u00e9l\u00e9ration de la vitesse. Si vous rencontrez des probl\u00e8mes de cache, alors ce plugin les r\u00e9soudra pour vous. Cependant, assurez-vous de ne pas utiliser la fonctionnalit\u00e9 \u00abCache de purge automatique\u00bb.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

9. Surveillez toujours votre site web<\/h5>\n

Il existe de nombreux outils, comme gtmetrix ou pingdom, qui analysent votre site Web en entier et vous indiquent exactement le temps de chargement de votre page et les \u00e9ventuels probl\u00e8mes de ce site. Utilisez ces donn\u00e9es pour r\u00e9soudre les probl\u00e8mes que vous rencontrez. Plus le score est \u00e9lev\u00e9, mieux c'est. Essayez donc de r\u00e9soudre tous les probl\u00e8mes pour obtenir le meilleur score sur les sites Web de suivi des performances.<\/p>\n

Site Web surveill\u00e9 par GtMetrix (avant Gutenberg):<\/strong><\/p>\n

<\/div>\n

\"monitored<\/p>\n

<\/div>\n<\/div>\n
Site Web surveill\u00e9 par Pingdom (avant Gutenberg):<\/strong><\/p>\n
<\/div>\n

\"monitored<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

10. Se d\u00e9barrasser de tout le ballot<\/h5>\n

Il existe de nombreuses choses sur un site Web qui affectent n\u00e9gativement ses performances. Ceux-ci incluent des commentaires de spam, des plugins inutilis\u00e9s et m\u00eame des articles \/ articles inutiles dans la corbeille \/ brouillon.<\/p>\n

Alors, assurez-vous de vous d\u00e9barrasser de ces objets inutiles r\u00e9guli\u00e8rement. Si vous n\u2019utilisez aucun plugin, il n\u2019est pas n\u00e9cessaire de le garder install\u00e9, car il r\u00e9duit la vitesse de la page de votre site Web. Donc, supprimez tous les plugins qui sont d\u00e9sactiv\u00e9s. En outre, n\u2019utilisez pas beaucoup de plug-ins sur le site Web, car leur utilisation peut \u00e9galement nuire aux performances de votre site Web.<\/p>\n

<\/div>\n
\n
<\/div>\n

<\/h3>\n

R\u00e9sultats?<\/h3>\n

Apr\u00e8s nous \u00eatre tourn\u00e9s vers Gutenberg et appliquer toutes les suggestions susmentionn\u00e9es, nous avons pu am\u00e9liorer consid\u00e9rablement les performances et la vitesse de traitement des pages de notre site Web. Compar\u00e9s \u00e0 nos temps de chargement pr\u00e9c\u00e9dents, les r\u00e9sultats ont \u00e9t\u00e9 rapides. Nous pensons donc qu'en appliquant ces astuces simples, tout le monde peut am\u00e9liorer les temps de chargement de son site Web sans trop de tracas.<\/p>\n

Site Web surveill\u00e9 par GtMetrix (avec Gutenberg):<\/strong><\/p>\n

<\/div>\n

\"monitored<\/p>\n

<\/div>\n<\/div>\n
Site Web surveill\u00e9 par Pingdom (avec Gutenberg):<\/strong><\/p>\n
<\/div>\n

\"monitored<\/p>\n

<\/div>\n
\n
<\/div>\n

Conclusion<\/h3>\n

Nous aimerions dire que de nombreux facteurs affectent les performances d\u2019un site Web. Il s\u2019agit donc essentiellement d\u2019une proc\u00e9dure d\u2019essais et d\u2019erreurs, mais nous avons fait de notre mieux pour vous pr\u00e9senter les facteurs les plus critiques pouvant am\u00e9liorer la vitesse de traitement des pages de votre site Web.
\nDites-nous ce que vous en pensez!<\/p>\n

<\/div>\n
\n
<\/div>\n

Articles connexes<\/strong><\/h3>\n

WordPress Gutenberg Editor VS Editeur classique<\/a><\/p>\n

Comment cr\u00e9er des m\u00e9ga-menus avec Elementor <\/a><\/p>\n

WordPress Gutenberg est sur le pont de devenir l'\u00e9diteur par d\u00e9faut<\/a><\/p>\n

<\/div>\n<\/div>\n