Ludovic Bablon

La configuration du cache navigateur permet d’optimiser le chargement des pages web. Les fichiers statiques d’une page sont mise en cache pendant une durée déterminée. Ils ne seront pas re-téléchargés pour rien.

Il n’est pas aisé d’optimiser le travail du thread principal. Idéalement, il faut recoder le JavaScript pour utiliser des Web Workers. Solution plus simple : réduire la quantité de ressources JS.

Le DOM, document Object Model, peut contenir trop de nœuds, trop d’éléments HTML. Un DOM long et complexe ralentit l’affichage d’un site. Voici comme optimiser le DOM de vos pages web.

Pour optimiser le rendu d’une page web, il faut différer le chargement des images qui ne doivent pas s’afficher immédiatement. Pour cela, on intègre le lazy-load. On obtient de meilleurs scores Core Web Vitals.

Il est important de bien gérer les dimensions des images, notamment sur les sites WordPress. Cela améliore le temps de chargement des pages. Et permet d’optimiser les Core Web Vitals de Google PageSpeed.

PageSpeed reproche souvent l’utilisation des anciens formats d’image, jpg, jpeg, png, gif. Il veut du webp et du avif, beaucoup plus économes. Voici comment faire pour servir vos images aux formats les plus modernes !

La réduction du JavaScript inutilisé implique plusieurs actions. Supprimer le JS inutile. Le déplacer dans le footer. Le charger de manière asynchrone. Le supprimer des pages où il n’est pas utile.

Pour réduire le CSS inutilisé, le mieux est d’installer un système de critical CSS. On peut aussi éliminer les ressources CSS les moins utilisées. On améliorera alors beaucoup les Core Web Vitals.

Pour optimiser le First Contentful Paint il faut diminuer les facteurs de blocage du rendu. Solutions possibles : minifier et concaténer JS et CSS. Defer et async le JS. Mettre en place le critical CSS. Utiliser un CDN.

Optimiser le Largest Contentful Paint nécessite de bien gérer les images, les fichiers CSS et JS, les réglages du serveur, les options. Utiliser un cache, un cache objet et un CDN. Lazy-loader, concaténer et minifier.

Pour que votre site touche son public partout, vous devez mettre en place un CDN et optimiser ses performances. Des services de CDN comme quic.cloud et CloudFlare peuvent vous y aider.

Voici comment comprendre et régler le problème de l’autoload des options sur WordPress. Il faut nettoyer ces options dans la base de données avec un plugin comme SweepPress, et installer un cache objet tel quel Redis Cache.

Pour améliorer le temps de réponse du serveur, il faut nettoyer les options de la base de données. Sur WordPress, le plugin SweepPress vous sera d’une grande aide pour obtenir de meilleures notes PageSpeed !