lazy loadingdes iframes et du HTML5, préchargement du cache et plus encore sur WordPress

Les premières impressions sont cruciales, et sur le web, elles se font avant même que quoi que ce soit ne se charge sur votre blog WordPress. Le temps de chargement de votre page d'accueil, de vos articles ou de vos pages WordPress détermine la durée de la visite, voire la décision de l'utilisateur de rester ou non sur votre blog. Avec WP Speed of Light Grâce aux deux mises à jour rapides de l'extension, vous pouvez optimiser les temps de chargement de votre blog et améliorer encore davantage votre référencement.

La dernière mise à jour apporte deux nouveautés. Premièrement, l'extension WP Speed of Light propose de nouvelles options pour optimiser les temps de chargement, notamment la possibilité de charger les iframes et les vidéos HTML5 en différé. Deuxièmement, le plugin WordPress offre désormais une plus grande flexibilité pour la mise en cache des fichiers, ainsi que pour le regroupement et la minification des scripts et des feuilles de style. Découvrons-les ensemble ! 

lazy loading des iframes et des vidéos HTML5 sur WordPress 

Si la rapidité de chargement est votre priorité, vous n'avez pas besoin de chercher bien loin. Dans les paramètres principaux de WP Speed of Light, une nouvelle option à activer/désactiver permet d'améliorer la vitesse de chargement de votre blog WordPress et, par conséquent, votre référencement : lazy loadingdes iframes et des vidéos.

Lazy loading est une technique d'optimisation de la vitesse qui ne charge les éléments multimédias (images et vidéos principalement) que lorsque l'utilisateur fait défiler la page jusqu'à eux. Si l'utilisateur ne les atteint pas, l'image ou la vidéo ne se charge tout simplement pas. En ne chargeant les éléments qu'en cas de besoin, WP Speed of Light permet un gain de temps considérable et réduit le temps d'attente de vos utilisateurs avant qu'ils ne puissent interagir avec votre blog. 

Cette nouvelle fonctionnalité s'attaque aux principaux responsables de ces problèmes. Les iframes, souvent des pages web ou des widgets, s'intègrent à votre blog WordPress ; imaginez le chargement simultané de plusieurs pages web ! De même, les vidéos HTML5 se comportent comme des vidéos classiques et ralentissent considérablement le chargement.

Heureusement, avec WP Speed of Light , améliorer les temps de chargement est un jeu d'enfant. Pour activer lazy loading des iframes et des vidéos HTML5, rendez-vous simplement dans les paramètres de l'extension WordPress. Désactivez l'option «lazy loading des iframes et des vidéos » et profitez de temps de chargement optimisés.

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

L'autre technique courante pour améliorer les temps de chargement consiste à utiliser la mise en cache et le préchargement. Normalement, WordPress génère un cache lors de la première visite d'un utilisateur sur une page web. Avec le préchargement, WP Speed of Light génère le cache lorsque vous le videz, ce qui réduit immédiatement les temps de chargement.

Les versions 3.1 et 3.2 de WP Speed of Light prennent désormais en charge le préchargement des pages web listées dans les sitemaps XML. Ces sitemaps guident les moteurs de recherche, tels que Google, Bing et Yahoo, dans l'indexation des pages de votre site web. Ils contiennent généralement des liens vers les pages les plus importantes de votre blog, voire vers toutes. De ce fait, les sitemaps constituent l'outil idéal pour précharger le cache. 

Pour activer le préchargement du cache, rendez-vous dans l' onglet Avancé WP Speed of Light . Assurez-vous d'avoir activé le préchargement du cache, puis ajoutez les liens vers vos sitemaps dans le champ prévu à cet effet. Si vous avez des doutes concernant les liens vers vos sitemaps, vous pouvez utiliser une extension SEO comme WP Meta SEO .

Dans l' Avancé , vous pouvez également précharger des pages spécifiques. Le « Précharger les pages suivantes » vous permet de précharger les pages les plus visitées, comme la page d'accueil de votre blog. Les visiteurs de ces pages bénéficieront ainsi d'un chargement rapide, même après avoir vidé le cache.

La mise en cache permet désormais de vider le cache uniquement pour certaines URL, 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 proposant des pages web hébergées à proximité géographique des utilisateurs. Grâce à cette mise à jour, vous pouvez spécifier les pages CDN à mettre en cache.

Vous pouvez configurer votre installation depuis l' « Intégration CDN » des paramètres du plugin. Si votre compte Cloudflare est activé, accédez à la section « Lors du nettoyage du cache, nettoyer également » . Activez la mise en cache Cloudflare et renseignez les champs, en choisissant éventuellement de supprimer des fichiers individuels .

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

À mesure que votre site WordPress évolue et se développe, 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 n'est pas une tâche impossible. Le regroupement et la minification vous aident à maîtriser les temps de chargement.

Le regroupement et la minification sont deux techniques d'optimisation souvent utilisées conjointement. La plupart des sites web utilisent plusieurs feuilles de style et scripts, chacun générant sa propre requête et augmentant ainsi le temps de chargement. Le regroupement combine toutes les feuilles de style et tous les scripts en un seul fichier, ne nécessitant ainsi qu'une seule requête chacun. La minification, quant à elle, réduit la taille des feuilles de style, des scripts ou des groupes de feuilles de style et de scripts, réduisant encore le temps de chargement. 

WP Speed of Light se trouvent dans l'onglet « Grouper et minifier » des paramètres. 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, lors du débogage, vous pourriez ne pas souhaiter regrouper ou minifier une feuille de style, un script ou une page spécifique. Il se peut également que le regroupement et la minification entraînent un affichage incorrect de votre page, ou qu'une page soit inaccessible tant qu'une feuille de style ou un script n'est pas chargé. L' « Regrouper et minifier » vous permet désormais d'exclure le regroupement et la minification des styles en ligne, ainsi que des 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 charger d'abord le contenu, puis, à la fin, les feuilles de style et les scripts. L'objectif : permettre à l'utilisateur d'interagir plus tôt avec la page, même si les possibilités sont limitées. Si vous activez le chargement différé du code JavaScript, l'extension différera également le chargement des scripts intégrés.

L'optimisation est importante, mais chaque blog WordPress a des besoins spécifiques. WP Speed of Light évolue constamment, et son offre s'enrichit en conséquence. Les versions 3.1 et 3.2 de l'extension proposent de nouvelles fonctionnalités pour accélérer tous les blogs ( lazy loadingdes iframes et des vidéos HTML5) ainsi que de nouvelles options pour ajuster le préchargement du cache, le regroupement et la minification.

L'un des meilleurs atouts de WP Speed of Light est sa compatibilité avec tous les hébergeurs, notamment Cloudways, qui est un hébergeur très performant :)

Si votre blog WordPress a besoin d'être accéléré, ne cherchez plus. Découvrez WP Speed of Light ici .