Comment accélérer votre site WordPress en retardant l'exécution de JavaScript

Avez-vous déjà eu l’impression que votre site WordPress fonctionne plus lentement qu’un escargot sur un tapis roulant ? Vous savez, le genre de frustration qui vous donne envie de jeter votre ordinateur portable par la fenêtre et de crier à pleins poumons ? Ouais, nous sommes tous passés par là.

Vous avez probablement tout essayé pour accélérer votre site, de la mise en cache à la réduction en passant par le chargement paresseux. Mais rien ne semble faire une différence significative. Vous êtes toujours coincé avec un site lent qui prend une éternité à charger et agace vos visiteurs.

Et si nous vous disions qu'il existe un moyen simple d'optimiser les performances de votre site WordPress en utilisant Delay JavaScript Execution ? Un moyen qui peut réduire votre temps de chargement initial, améliorer vos scores Core Web Vitals et éviter certaines erreurs et conflits. Cela semble trop beau pour être vrai, non?

Eh bien, ce n'est pas le cas. C'est une fonctionnalité intégrée à l'un des meilleurs plugins de mise en cache du marché : WP Rocket .

Dans cet article de blog, nous allons vous montrer comment l'utiliser pour augmenter la vitesse et les performances de votre site. Prêt à commencer? Allons-y!

Qu’est-ce que WP Rocket ?

WP Rocket est un plugin de mise en cache premium qui améliore la vitesse et les performances de votre site WordPress. Au lieu des scripts PHP plus volumineux, il y parvient en générant des fichiers HTML statiques à partir de vos sites WordPress dynamiques et en les proposant à vos visiteurs. Cela réduit la charge sur votre serveur et améliore le temps de réponse de votre site Web.

WP Rocket propose également de nombreuses autres fonctionnalités pour optimiser votre site, telles que :

• Compression GZIP : diminue la taille du fichier et économise la bande passante.
• Mise en cache du navigateur: met en cache les ressources statiques dans le navigateur, réduisant ainsi le nombre de requêtes adressées à votre serveur.
• Minification et concaténation: réduisez le nombre de requêtes HTTP en supprimant les espaces et les commentaires inutiles de votre code et en combinant de nombreux fichiers en un seul.
• LazyLoad: retarde le chargement des images et des iframes jusqu'à ce qu'elles apparaissent à l'écran, économisant ainsi la bande passante et améliorant le temps de chargement.
• Intégration CDN: distribue votre matériel sur un réseau mondial de serveurs pour le livrer plus rapidement à vos visiteurs.
• Optimisation de la base de données: supprime les données inutiles de votre base de données et réduit sa taille.
• Préchargement : génère à l'avance le cache de votre page d'accueil et de toutes les pages liées pour améliorer l'indexation par les moteurs de recherche.
• Et plus...

Comment WP Rocket peut-il vous aider à retarder l’exécution de JavaScript ?

WP Rocket inclut la possibilité de retarder l'exécution de JavaScript. Cette fonctionnalité améliore les performances en reportant le chargement de tous les fichiers JavaScript et scripts en ligne jusqu'à ce qu'une interaction de l'utilisateur se produise (par exemple, déplacer la souris sur la page, toucher l'écran, faire défiler, appuyer sur une touche, faire défiler avec la molette de la souris). Cela fonctionne de la même manière que LazyLoad mais pour les fichiers JavaScript.

Retarder l'exécution de JavaScript peut améliorer les mesures de performances de votre site telles que First Contentful Paint (FCP), Largest Contentful Paint (LCP) et Time to Interactive (TTI) en réduisant le temps de chargement initial de vos pages Web. Ces mesures sont importantes pour l'expérience utilisateur et le référencement puisque Google les classe dans ses Core Web Vitals.

WP Rocket reconnaît les scripts qui peuvent être retardés en toute sécurité et leur applique le délai. Dans les paramètres de WP Rocket, vous pouvez également spécifier manuellement les mots-clés qui identifient les fichiers à reporter.

Comment puis-je activer le délai d’exécution de JavaScript dans WP Rocket ?

Pour activer l'exécution retardée de JavaScript dans WP Rocket, effectuez les étapes suivantes:

Étape 1 : Installez et activez WP Rocket sur votre site WordPress.

Pour ce faire, vous pouvez visiter le site WP Rocket , vous connecter et acheter le plugin afin de disposer de toutes les fonctionnalités que vous pourrez utiliser dans les démonstrations que nous vous montrerons ci-dessous.

Après avoir acheté le plugin et téléchargé le fichier zip, accédez à Plugins > Ajouter un nouveau sur votre tableau de bord WordPress et cliquez sur Télécharger le plugin en haut de la page.

Après avoir cliqué sur Télécharger le plugin , une nouvelle fenêtre apparaîtra, où vous verrez une boîte « Choisir un fichier ». Vous devrez cliquer dessus et sélectionner le fichier d'installation zip dans votre gestion de fichiers.

Lorsque vous choisissez le fichier zip, cliquez sur le bouton Installer maintenant .

Accédez à Paramètres > WP Rocket > onglet Règles avancées .

Faites défiler jusqu'à la section Retarder l'exécution de JavaScript .

Ajoutez des mots-clés dans les champs Scripts à retarder ou Scripts à exclure du retard , séparés par des virgules.

Enregistrez les modifications apportées.

Par exemple, si vous souhaitez retarder tous les scripts contenant les mots « jquery » ou « Analytics » dans leur nom, saisissez ces termes dans la section Scripts à retarder.

Si vous souhaitez omettre tous les scripts contenant les termes « WooCommerce » ou « panier » dans leur nom, saisissez-les dans les Scripts à omettre de la zone Retard.

Quels sont les avantages de retarder l’exécution de JavaScript?

En retardant l’exécution de JavaScript, vous pouvez bénéficier de plusieurs avantages pour votre site WordPress, tels que :

• Temps de chargement plus rapide: vous pouvez réduire le temps nécessaire au chargement et à l'affichage du contenu de vos pages Web en retardant l'exécution de JavaScript. Cela peut augmenter l’expérience utilisateur, la rétention et le classement SEO.
• Mesures de performances améliorées: en reportant l'exécution de JavaScript, vous pouvez améliorer les mesures de performances de votre site telles que FCP, LCP et TTI. Ces mesures suivent la rapidité avec laquelle votre site Web devient utilisable et interactif pour les utilisateurs. Google les utilise également comme facteurs de classement dans ses Core Web Vitals.
• Moins d'erreurs et de conflits: en retardant l'exécution de JavaScript, vous pouvez éviter certaines erreurs et conflits pouvant survenir lors du chargement et de l'exécution de plusieurs scripts simultanément. Certains scripts, par exemple, peuvent s'appuyer sur des scripts qui n'ont pas encore été chargés ou interagir les uns avec les autres. Retarder l'exécution de JavaScript peut contribuer à éviter ces problèmes et à offrir une meilleure expérience utilisateur.

Conclusion

Enfin, différer le chargement et l’exécution du code JavaScript non essentiel jusqu’à ce que l’utilisateur interagisse avec la page ou fasse défiler vers le bas est une excellente stratégie pour améliorer les performances du site WordPress.

WP Rocket est un plugin puissant qui peut permettre aux utilisateurs d'implémenter facilement et avec succès une exécution JavaScript retardée sur leurs sites WordPress, ainsi que d'autres fonctionnalités pouvant améliorer la vitesse et l'efficacité du site.

Les utilisateurs peuvent augmenter le temps de chargement de leur site, le score PageSpeed, l'expérience utilisateur et les conversions en utilisant la fonction Delay JavaScript Execution de WP Rocket.