Quand votre navigateur web (Chrome, Firefox, …) charge une page, il doit récupérer le code HTML, le décoder, récupérer le code CSS, le décoder, récupérer le code JavaScript, le décoder, etc. Plus votre page est complexe, plus vous avez de code à récupérer et à décoder (et donc, plus votre page se chargera lentement). Les navigateurs modernes sont très puissants, mais ne peuvent pas toujours tout charger en même temps. Certains éléments doivent se charger dans un ordre spécifique et ralentissent le processus de chargement de la page. C’est parfois le cas de certains éléments CSS.

Pour charger beaucoup plus rapidement ces éléments CSS, il est possible l’incorporer directement dans le code.

C’est par exemple une des possibilités qu’offre le plugin WP Rocket , qui vous aide à optimiser la manière dont vos éléments CSS sont chargés et qui contribue ainsi à optimiser le temps de chargement des pages de votre site internet. Attention cependant, il arrive parfois que cela ‘casse’ la page. Il est donc important de tester plusieurs configurations et de vérifier à chaque fois si vos pages sont OK.

Quasiment tous les sites modernes incluent des éléments externes, que le site va ‘chercher’ ailleurs. Par exemple une police d’écriture Google Font, ou encore des éléments de tracking Google Analytics ou tout simplement des intégrations de posts Facebook, Instagram, etc.

Lorsque c’est le cas, la vitesse de votre site sera dépendante de la façon dont ces éléments externes sont codés. S’ils sont ‘mal’ codés, cela va ralentir votre site, mais vous ne pourrez rien y faire car n’avez aucun contrôle sur ce code externe.

Lorsque cela arrive, vous n’avez pas d’autre choix que d’évaluer l’importance de ces scripts externes, et la façon dont ils sont intégrés à votre site : par exemple, ai-je vraiment besoin d’afficher des posts Facebook sur mon site ? Si oui, puis-je le faire d’une façon différente que la façon actuelle qui ralentit mon site ?

Il est parfois possible d’héberger certains scripts externes directement sur son site. De cette façon, vous contrôlez un peu plus le processus de chargement. Pour y arriver, il vous faire un peu de recherche sur votre moteur de recherche préféré pour trouver une solution propre aux scripts qui posent problème (solution qui n’existera pas forcément).

Lorsque ce n’est pas le cas, assurez-vous alors au moins de charger les scripts de manière asynchrone ou de les reporter au dernier moment. De cette façon, le navigateur peut d’abord créer la page avant d’obtenir et d’exécuter le script externe. Sur WordPress, certains plugins offrent cette possibilité, comme par exemple Async Javascript.