Chargement différé des iframes et HTML5 lazy loading, préchargement du cache et plus encore 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 que met votre page d'accueil ou tout autre article ou page WordPress à se charger détermine combien de temps un utilisateur reste sur votre blog, s'il reste du tout. Désormais, avec WP Speed of Light les deux mises à jour rapides de l'Addon, vous pouvez optimiser les temps de chargement de votre blog et améliorer encore votre référencement. 

La dernière mise à jour apporte deux nouveaux types de fonctionnalités. Premièrement, l'addon WP Speed of Light dispose de nouvelles fonctionnalités pour optimiser les temps de chargement, notamment avec la possibilité de charger en différé les iframes et les vidéos HTML5. Deuxièmement, l'extension WordPress vous offre 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 dans le vif du sujet ! 

Chargement différé des iframes et des vidéos HTML5 sur WordPress 

Si les temps de chargement sont votre priorité, vous n'avez pas besoin de chercher bien loin. Dans les réglages principaux de WP Speed of Light, un nouveau commutateur activable est apparu pour améliorer les temps de chargement de votre blog WordPress et, par la même occasion, votre score SEO : chargement différé des iframes et des vidéos lazy loading.

Lazy loading est une technique d'accélération qui charge les médias multimédias—images et vidéos, principalement—uniquement lorsqu'un utilisateur fait défiler la page 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 qu'ils puissent interagir avec votre blog. 

La nouvelle fonctionnalité s'attaque aux pires coupables 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 se comportent comme des vidéos classiques et elles aussi alourdissent 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, rendez-vous simplement dans les paramètres de l'extension WordPress. Activez l'interrupteur intitulé iframe & video lazy loading et profitez de 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 repose sur 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 le videz, ce qui 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 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, rendez-vous dans l'onglet avancé des réglages de WP Speed of Light. Assurez-vous d'avoir activé le préchargement du cache, puis ajoutez les liens vers vos sitemaps dans le champ approprié. Si vous n'êtes pas sûr des liens de sitemap, vous pouvez utiliser une extension SEO, telle que WP Meta SEO.

Depuis l'onglet Avancé , vous pouvez également précharger des pages spécifiques. À l'aide du champ 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 qui 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 depuis des serveurs situés dans le monde entier, en livrant les pages web depuis des 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 vos paramètres depuis l'onglet Intégration CDN dans les réglages de l'extension. Si vous avez activé votre compte Cloudflare, faites défiler jusqu'à la section intitulée Lors du nettoyage du cache, nettoyer aussi. Activez la mise en cache Cloudflare et remplissez les champs, en choisissant éventuellement de purger des fichiers individuels.

 Améliorer le regroupement et la minification des scripts et des feuilles de style

À mesure que votre site WordPress se développe et évolue, votre blog aura tendance à ralentir. Votre instinct pourrait vous pousser à accepter ce ralentissement comme inévitable, mais accélérer même les sites 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 vont souvent de pair. La plupart des sites web utilisent plusieurs feuilles de style et scripts, dont chacun entraîne sa propre requête et ajoute donc 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 requête pour chacun. La minification, quant à elle, réduit la taille des feuilles de style ou des scripts individuels ou des groupes de feuilles de style et de scripts, ce qui réduit encore le temps de chargement. 

WP Speed of Light group and minify des paramètres, dont le nom est tout indiqué. Désormais, dans la dernière version de l'extension, vous pouvez personnaliser le comportement du regroupement et de la minification sur votre blog.

Par exemple, si vous déboguez, vous pouvez ne pas vouloir regrouper ou minifier une certaine feuille de style ou un certain script, ou une certaine page. Ou vous pouvez constater que le regroupement et la minification rendent votre page incorrectement, ou qu'une page ne peut pas fonctionner tant qu'une feuille de style ou un script n'a pas été chargé. Depuis l'onglet group and minify , vous pouvez désormais à la fois exclure 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. Désormais, si vous activez le report du code JavaScript, l'extension différera également les scripts en ligne.

L'optimisation est importante, mais chaque blog WordPress a des besoins différents. À mesure qu' WP Speed of Light évolue, son offre s'enrichit également. Les versions 3.1 et 3.2 de l'extension offrent à la fois de nouvelles fonctionnalités pour accélérer tous les blogs—le chargement différé des iframes et des vidéos HTML5—et de nouvelles options pour ajuster le fonctionnement du préchargement du cache, ainsi que 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ébergeurs, par exemple avec Cloudways qui est très performant :)

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.