Iframe et chargement différé HTML5 lazy loading, préchargement du cache et plus encore sur WordPress

Les premières impressions sont importantes, et sur le web, vous faites votre première impression avant même que quoi que ce soit ne se charge sur votre blog WordPress. Le temps qu'il faut pour que votre page d'accueil ou tout autre article ou page WordPress se charge détermine combien de temps un utilisateur reste sur votre blog, s'ils restent du tout. Maintenant, avec WP Speed of Light les deux mises à jour rapides de l'extension Addon, vous pouvez optimiser les temps de chargement de votre blog et améliorer encore le référencement.

La dernière mise à jour apporte deux nouveaux types de fonctionnalités. Tout d'abord, le module complémentaire WP Speed of Light propose de nouvelles fonctionnalités pour optimiser les temps de chargement, notamment avec la possibilité de charger paresseusement les iframes et les vidéos HTML5. Deuxièmement, le plugin WordPress vous donne désormais encore plus de flexibilité pour décider comment mettre en cache les fichiers, et comment regrouper et minifier les scripts et les feuilles de style. Plongeons dedans ! 

Chargement paresseux des iframes et des vidéos HTML5 sur WordPress 

Si les temps de chargement sont votre priorité, alors vous n'avez pas à chercher loin. Dans les paramètres principaux de WP Speed of Light, un nouveau commutateur a été ajouté pour améliorer les temps de chargement de votre blog WordPress et, avec lui, votre score SEO : Iframe et vidéo lazy loading.

Lazy loading est une technique d'accélération qui charge les éléments multimédias — principalement les images et les vidéos — uniquement lorsque l'utilisateur défile jusqu'à eux. Si l'utilisateur ne les atteint jamais, l'image ou la vidéo ne se charge tout simplement jamais. En chargeant les éléments uniquement quand et si nécessaire, WP Speed of Light ne perd pas de temps et réduit le temps d'attente de vos utilisateurs avant d'interagir avec votre blog. 

La nouvelle fonctionnalité s'attaque aux pires contrevenants de tous. Les Iframes, souvent des pages web ou des widgets, s'intègrent dans votre blog WordPress — imaginez charger plusieurs pages web à la fois. Inversement, les vidéos HTML5 agissent comme des vidéos régulières et elles aussi monopolisent les temps de chargement.

Heureusement, avec WP Speed of Light, améliorer les temps de chargement est une procédure exceptionnellement simple. Pour activer lazy loading pour les iframes et les vidéos HTML5, il suffit de se rendre dans les paramètres du plugin WordPress. Basculez l'interrupteur intitulé iframe & vidéo lazy loading et profitez de vos temps de chargement améliorés.

Préchargement du cache pour les articles et les pages WordPress 

L'autre technique prédominante pour améliorer les temps de chargement est la mise en cache et le préchargement. Normalement, WordPress génère le cache lorsqu'un utilisateur visite une page Web pour la première fois. Avec le préchargement, cependant, WP Speed of Light génère le cache lorsque vous l'effacez, et minimise ainsi les temps de chargement immédiatement.

Les versions 3.1 et 3.2 de WP Speed of Light ont ajouté la prise en charge pour précharger les pages Web répertoriées dans les sitemaps XML. Les sitemaps guident les moteurs de recherche, comme Google, Bing et Yahoo, pour trouver les pages sur votre site Web. Normalement, les sitemaps contiennent des liens vers les pages les plus importantes de votre blog, voire toutes. À leur tour, les sitemaps représentent l'outil idéal pour précharger le cache. 

Pour activer le préchargement du cache, accédez à l'onglet avancé dans les paramètres de WP Speed of Light. Assurez-vous d'avoir activé le préchargement du cache, puis ajoutez des liens vers vos sitemaps dans le champ approprié. Si vous n'êtes pas sûr des liens de sitemap, vous pouvez utiliser un plugin SEO, tel que WP Meta SEO

À partir de l'onglet avancé, vous pouvez également précharger des pages spécifiques. En utilisant le champ Précharger les pages suivantes, vous pouvez précharger les pages les plus visitées, telles que la page d'accueil de votre blog. Quiconque visite ces pages bénéficiera de temps de chargement rapides, même après avoir vidé votre cache.

La mise en cache prend désormais également en charge la suppression du cache pour des URL spécifiques uniquement, même si vous utilisez un CDN. Les CDN diffusent le contenu de votre blog WordPress à partir de serveurs à travers le monde, en fournissant des pages Web à partir d'emplacements géographiquement proches des utilisateurs. Avec la dernière mise à jour, vous pouvez spécifier quelles pages CDN vous souhaitez mettre en cache.

Vous pouvez configurer votre configuration à partir de l'onglet Intégration CDN dans les paramètres du plugin. Si vous avez activé votre compte Cloudflare, faites défiler jusqu'à la section qui lit Lors du nettoyage du cache, nettoyez également. Activez la mise en cache Cloudflare et remplissez les champs, en choisissant éventuellement de purger les fichiers individuels.

 Amélioration du regroupement et de la minification des scripts et des feuilles de style

À mesure que votre site Web WordPress grandit et change, votre blog aura tendance à ralentir. Votre instinct pourrait vous dire d'accepter le ralentissement comme inévitable, mais accélérer même les sites Web les plus complexes ne doit pas représenter une tâche impossible. Le regroupement et la minification vous aident à contrôler les temps de chargement.

Le regroupement et la minification sont deux outils d'optimisation qui se produisent souvent ensemble. La plupart des sites Web utilisent plusieurs feuilles de style et scripts, chacun entraînant sa propre demande et ajoutant ainsi du temps de chargement. Le regroupement combine toutes les feuilles de style en une seule et tous les scripts en un seul, ce qui ne nécessite donc qu'une seule demande chacun. La minification, en revanche, réduit la taille des feuilles de style ou des scripts individuels ou des groupes de feuilles de style et de scripts, réduisant ainsi davantage le temps de chargement. 

WP Speed of LightLes paramètres de regroupement et de minification se trouvent dans l'onglet nommé regrouper et minifier dans les paramètres. Maintenant, dans la dernière version du plugin, vous pouvez personnaliser le comportement du regroupement et de la minification sur votre blog.

Par exemple, si vous déboguez, vous ne voudrez peut-être pas regrouper ou minifier une certaine feuille de style ou un certain script, ou une certaine page. Ou vous pourriez constater que le regroupement et la minification rendent votre page incorrecte, ou qu'une page ne peut pas fonctionner tant qu'une feuille de style ou un script n'a pas été chargé. À partir de l'onglet regrouper et minifier, vous pouvez maintenant exclure à la fois le regroupement et la minification des styles en ligne et exclure des pages de l'optimisation.

Une autre option d'optimisation consiste à différer le chargement des feuilles de style et des scripts. En d'autres termes, avec WP Speed of Light, vous pouvez d'abord charger le contenu, puis, à la fin, charger les feuilles de style et les scripts. L'objectif : l'utilisateur peut interagir avec la page, bien que de manière limitée, plus tôt. Maintenant, si vous activez le report du code JavaScript, le plugin reportera également les scripts en ligne.

L'optimisation est importante, mais chaque blog WordPress a des besoins différents. À mesure que WP Speed of Light continue d'évoluer, son offre évolue également. Les versions 3.1 et 3.2 du module complémentaire offrent à la fois de nouvelles fonctionnalités pour accélérer tous les blogs — chargement paresseux des iframes et des vidéos HTML5 — et de nouvelles options pour ajuster le fonctionnement du préchargement du cache, du regroupement et de la minification.

L'une des meilleures fonctionnalités que WP Speed of Light pourrait avoir est qu'il est compatible avec tous les hébergements, par exemple avec Cloudways qui est un puissant :)

Si votre blog WordPress a besoin d'une accélération, ne cherchez pas plus loin. En savoir plus sur WP Speed of Light ici.