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

Les premières impressions comptent, 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 nécessaire au chargement de votre page d'accueil ou de toute autre publication ou page WordPress détermine la durée pendant laquelle un utilisateur reste sur votre blog, voire pas du tout. Maintenant, avec WP Speed of Light Grâce aux deux mises à jour rapides d'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, WP Speed of Light Addon dispose de nouvelles fonctionnalités pour optimiser les temps de chargement, notamment avec la possibilité de lazy-loader des iframes et des vidéos HTML5. Deuxièmement, le plugin WordPress vous offre désormais encore plus de flexibilité pour décider comment mettre en cache les fichiers et comment regrouper et réduire les scripts et les feuilles de style. Plongeons-nous !  

lazy loading vidéos Iframe et HTML5 sur WordPress 

Si les temps de chargement sont votre priorité, vous n'avez pas à chercher bien loin. Dans les paramètres principaux WP Speed of Light , un nouveau switch à bascule a fait son apparition pour booster les temps de chargement de votre blog WordPress et, avec lui, votre score SEO : Iframe & video lazy loading .

Lazy loading est une technique d'accélération qui charge le multimédia (images et vidéos, principalement) uniquement lorsqu'un utilisateur les fait défiler. Si l'utilisateur ne les atteint jamais, l'image ou la vidéo ne se charge tout simplement jamais. En ne chargeant les éléments que lorsque 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. À l'inverse, les vidéos HTML5 agissent comme des vidéos ordinaires et elles aussi monopolisent les temps de chargement.

Heureusement, avec WP Speed of Light , l'amélioration des temps de chargement est une procédure exceptionnellement simple. Pour activer lazy loading pour les iframes et les vidéos HTML5, dirigez-vous simplement vers les paramètres du plugin WordPress. Basculez le commutateur étiqueté lazy loading iframe et vidéo et exploitez vos temps de chargement améliorés.

Préchargement du cache pour les publications 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 un 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 du préchargement des 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 de votre site Web. Normalement, les sitemaps contiennent donc 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é les paramètres 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 du sitemap, vous pouvez utiliser un plugin SEO, tel que WP Meta SEO .

À partir de l' avancé , vous pouvez également précharger des pages spécifiques. Grâce au Précharger les pages suivantes , vous pouvez précharger les pages les plus visitées, comme 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 l'effacement du cache pour des URL spécifiques uniquement, même si vous utilisez un CDN. Les CDN servent le contenu de votre blog WordPress à partir de serveurs du monde entier, fournissant des pages Web à partir d'emplacements situés géographiquement proches des utilisateurs. Avec la dernière mise à jour, vous pouvez spécifier les pages CDN que vous souhaitez mettre en cache.

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

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

Au fur et à mesure que votre site Web WordPress grandit et change, votre blog aura tendance à ralentir. Votre instinct peut vous dire d'accepter le ralentissement comme inévitable, mais accélérer même les sites Web les plus complexes ne doit pas nécessairement 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 requête et rajoutant donc du temps de chargement. Le regroupement combine toutes les feuilles de style en une seule et tous les scripts en un seul, qui ne nécessitent donc qu'une seule requête chacun. La minification, d'autre part, réduit la taille des feuilles de style ou des scripts individuels ou des groupes de feuilles de style et de scripts, réduisant encore le temps de chargement.  

paramètres de regroupement et de minification WP Speed of Light groupe bien nommé et l'onglet minify dans les paramètres. Désormais, dans la dernière version du plug-in, 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 minimiser une certaine feuille de style ou un certain script, ou une certaine page. Ou vous constaterez peut-être que le regroupement et la minification affichent votre page de manière 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' grouper et réduire , vous pouvez désormais à la fois exclure le regroupement et la réduction 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. Désormais, 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. Alors que WP Speed of Light continue d'évoluer, son offre évolue également. Les versions 3.1 et 3.2 de l'addon offrent à la fois de nouvelles fonctionnalités pour accélérer tous les blogs (iframe et lazy loading vidéo HTML5) et de nouvelles options pour modifier 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 puissant :)

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