Les actifs statiques sont essentiels à la vitesse du site Web, car le navigateur peut mettre en cache . Cela signifie que le navigateur n'a pas besoin de les télécharger à chaque fois que quelqu'un visite une page : il peut simplement les charger depuis son cache. Cela accélère le chargement des pages, ce qui convient aux utilisateurs et aux moteurs de recherche.
Pour vous assurer que les actifs statiques sont correctement mis en cache dans WordPress, vous devez vous assurer que vous utilisez les en-têtes de mise en cache. Ces en-têtes indiquent au navigateur combien de temps conserver l'actif dans son cache avant de le télécharger à nouveau. Si vous n'utilisez pas les en-têtes de mise en cache, vos ressources statiques seront probablement téléchargées plus souvent que nécessaire, ce qui ralentira votre site Web. Les ressources statiques sont des fichiers qui ne changent pas fréquemment, tels que des images, des fichiers CSS et des fichiers JavaScript, contrairement au contenu dynamique, qui évolue constamment.
Pourquoi les actifs statiques sont-ils importants ?
Les actifs statiques sont généralement de petite taille, mais ils peuvent s’additionner si vous devez être plus prudent. Ils sont importants car ils peuvent avoir un impact sur la vitesse de votre site Web de plusieurs manières. Premièrement, si vous en avez trop, ils peuvent ralentir les temps de chargement de vos pages. Deuxièmement, s’ils ne sont pas correctement optimisés, ils peuvent également nuire aux performances de votre site.
Comment servir des actifs statiques avec une politique de cache efficace dans WordPress
En ce qui concerne la vitesse du site Web, un facteur crucial est l'optimisation de votre site pour les actifs statiques. Les éléments statiques, tels que votre logo ou votre image d’en-tête, restent pour la plupart les mêmes d’une page à l’autre. Ils sont également généralement plus petits en termes de taille de fichier que les autres ressources, ils se chargeront donc plus rapidement.
Pour optimiser votre site WordPress pour les ressources statiques :
- Modifier le délai d'expiration du cache : vous avez peut-être rencontré cette recommandation qui dit "servir des actifs statiques avec une politique de cache efficace" en testant votre site Web avec l'outil Google PageSpeed . Pour résoudre ce problème, modifiez l'expiration du cache de votre navigateur à 180 jours dans les paramètres de votre plugin de mise en cache ou CDN. Cela dépend de l'outil que vous utilisez.
2. Utilisez un réseau de diffusion de contenu (CDN) . Un CDN stocke des copies de votre site Web sur des serveurs dans le monde entier pour les transmettre plus rapidement aux visiteurs. Il existe de nombreuses options sur le marché pour WordPress, comme Jetpack CDN, Cloudfalre , etc.
3. Minimisez les requêtes HTTP . Chaque fois qu'un visiteur charge une page, son navigateur doit envoyer une requête HTTP pour chaque élément de la page. Ainsi, moins vous disposez d’actifs, moins il y a de requêtes HTTP et plus vos pages se chargeront rapidement. Ceci peut être réalisé en préchargeant les requêtes clés , les polices, etc.
4. Servez des images à l'échelle. Enregistrez plusieurs copies de chaque image dans différentes tailles et diffusez la taille appropriée sur l'appareil de chaque visiteur. De cette façon, les navigateurs n’auront pas à redimensionner les images eux-mêmes, ce qui peut prendre plus de temps.
5. Utilisez une feuille de sprite CSS. Une de sprite CSS est une image unique qui contient toutes les petites images utilisées sur un site Web, telles que des icônes ou des boutons. Une feuille de sprite peut réduire les requêtes HTTP nécessaires au chargement de ces images.
6. Optimisez votre code. Assurez-vous que vos fichiers HTML, CSS et JavaScript sont minifiés et compressés pour réduire la taille de leurs fichiers et les accélérer. Utilisez un plugin Caching pour automatiser cette tâche.
Connexe :
Comment supprimer les CSS inutilisés dans WordPress ?
Comment éviter les longues tâches du thread principal ?
Comment éviter les changements de mise en page importants ?
Guide d'optimisation frontale (FEO)
Comment différer les images hors écran ?
Conclusion
Les ressources statiques sont vitales pour tout site Web et peuvent avoir un impact significatif sur la vitesse de votre site. Si vous n'êtes pas familier avec les actifs statiques, nous espérons que cet article vous a aidé à clarifier les choses. L'optimisation de vos actifs statiques est un excellent début si vous souhaitez améliorer la vitesse de votre site Web. Si vous recherchez des professionnels pour optimiser votre site WP alors procurez-vous notre service d'optimisation de site WordPress !
