Optimiser les performances de votre site WordPress est crucial pour offrir une expérience utilisateur fluide et améliorer le référencement. L’un des moyens les plus efficaces pour y parvenir est de déplacer les scripts JavaScript du head vers le pied de page. Cela permet de charger les éléments visuels de la page en priorité avant les scripts, ce qui améliore considérablement le temps de chargement.
Les avantages de déplacer les scripts à la fin de la page
Lorsque les scripts sont chargés dans le head, ils peuvent bloquer le rendu de la page, ralentissant ainsi le temps de chargement. En déplaçant les scripts en pied de page, vous permettez au contenu principal de se charger plus rapidement, offrant ainsi une meilleure expérience pour l’utilisateur.
Cette méthode contribue également à l’optimisation des performances, en particulier pour les utilisateurs ayant une connexion internet plus lente. De plus, elle peut être bénéfique pour le SEO, car la vitesse de chargement est un facteur clé pour le classement des pages.
Les plugins de cache peuvent aussi le faire
De nombreux plugins de cache, comme W3 Total Cache ou WP Rocket, offrent la fonctionnalité de déplacer automatiquement les scripts à la fin de la page. Cependant, cette opération peut être réalisée très facilement sans plugin, en ajoutant simplement un petit bout de code.
Le code pour déplacer les scripts en pied de page
Voici un exemple de code qui permet de déplacer les scripts en pied de page sans plugin :
add_action('wp_enqueue_scripts', function() {
global $wp_scripts;
foreach ($wp_scripts->queue as $script) {
if (!is_admin()) {
$wp_scripts->add_data($script, 'group', 1);
}
}
});
Ce snippet agit en ajoutant les scripts à un « groupe » spécifique qui les place dans le pied de page. Cela se fait uniquement sur le frontend du site, pour éviter d’affecter l’interface d’administration.
Conclusion
Déplacer les scripts en pied de page est une pratique simple mais efficace pour améliorer la vitesse de chargement de votre site WordPress. Bien que des plugins de cache puissent automatiser ce processus, il est tout à fait possible de le faire facilement en ajoutant un petit bout de code. Vous améliorerez ainsi les performances de votre site sans alourdir votre installation avec des plugins supplémentaires.