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 charger paresseusement 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. Allons-y !  

lazy loading des vidéos Iframe et HTML5 sur WordPress 

Si les temps de chargement sont votre priorité, vous n’avez pas besoin de chercher bien loin. Dans les paramètres principaux de WP Speed of Light , un nouveau commutateur à bascule est apparu pour augmenter 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 contenu multimédia (images et vidéos principalement) uniquement lorsqu'un utilisateur y fait défiler l'écran. Si l’utilisateur ne les atteint jamais, l’image ou la vidéo ne se charge tout simplement jamais. En chargeant des é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. 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 se comportent comme des vidéos classiques 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 des iframes et des vidéos HTML5, accédez simplement aux paramètres du plugin WordPress. Activez le commutateur intitulé lazy loading iframe et vidéo et exploitez vos temps de chargement améliorés.

Préchargement du cache pour les articles et pages WordPress 

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

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 plans de site XML. Les plans de site guident les moteurs de recherche, comme Google, Bing et Yahoo, pour trouver les pages de votre site Web. Normalement, les plans de site contiennent des liens vers les pages les plus importantes de votre blog, voire toutes. À leur tour, les plans de site représentent l’outil idéal pour précharger le cache.  

Pour activer le préchargement du cache, accédez à l' 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 plans de site dans le champ approprié. Si vous n'êtes pas sûr des liens du plan du site, vous pouvez utiliser un plugin SEO, tel que WP Meta SEO .

Depuis 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.
Toute personne visitant 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 répartis dans le monde entier, diffusant des pages Web à partir d'emplacements 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 depuis 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 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 WordPress grandit et évolue, votre blog aura tendance à ralentir. Votre instinct vous dira peut-être d’accepter le ralentissement comme étant 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 fonctionnent souvent ensemble. La plupart des sites Web utilisent plusieurs feuilles de style et scripts, chacun entraînant sa propre requête et ajoutant 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, 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 Light groupe et minification bien nommé dans les paramètres. Désormais, 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 souhaiterez peut-être pas regrouper ou réduire une certaine feuille de style ou 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' Groupe et réduction , vous pouvez désormais à la fois exclure le regroupement et la réduction des styles en ligne et exclure les pages de l'optimisation.

Une autre option d'optimisation consiste à différer le chargement des feuilles de style et des scripts. Autrement dit, 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 plus tôt avec la page, quoique de manière limitée. Désormais, si vous activez le report du code JavaScript, le plugin différera é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 de l'addon offrent à la fois de nouvelles fonctionnalités pour accélérer tous les blogs ( lazy loading des vidéos iframe et 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’une accélération, ne cherchez pas plus loin. En savoir plus sur WP Speed of Light ici .