25 façons d’optimiser les scripts externes dans WordPress: accélérez les polices Google, Analytics, YouTube, WooCommerce, etc.

Les scripts externes ralentissent-ils votre site WordPress?

Ce sont tout ce qui tire des informations de l’extérieur de votre site Web: polices Google, analyses, vidéos YouTube intégrées, offres d’emploi, gravatars, même commentaires et plugins de partage social.

Vous pouvez optimiser les scripts externes dans WordPress en hébergeant des fichiers localement (polices, analyses, Facebook Pixel), en désactivant sélectivement les scripts à l’aide du plug-in Asset CleanUp et en ajoutant des conseils de navigateur tels que la préconnexion et la prélecture. Certains plugins et scripts (par exemple AdSense) doivent généralement être évités si la vitesse est importante pour vous. Tout ce qui reste, déterminez si le sacrifice de performances en vaut la peine et si vous devez le supprimer ou trouver une alternative.

Les scripts externes affichent presque toujours des erreurs dans GTmetrix sous Réduire les recherches DNS:

Scripts externes WordPress

Voici comment optimiser les scripts tiers:

Comment optimiser les scripts externes dans WordPress

1. Rechercher des scripts externes

GTmetrix
Exécutez votre site Web via GTmetrix (l’outil que je recommande) et regardez votre onglet PageSpeed ​​et YSlow. Si vous développez des éléments et voyez le même script externe (ou plugin) s’afficher plusieurs fois dans votre rapport, cela signifie probablement que cela ralentit votre site WordPress . Vous pouvez également utiliser l’onglet GTmetrix Waterfall pour savoir combien de temps chaque ressource prend pour se charger.

Scripts externes WordPress

Moniteur de requête Moniteur de
requête vous permet de voir vos scripts, styles et plugins de chargement les plus lents:

Scripts de moniteur de requête

Plug-ins lents du moniteur de requêtes

 

2. Désactivez les scripts, styles et plugins inutilisés

Certains plugins se chargent sur l’ensemble de votre site Web, qu’ils soient utilisés ou non.

Asset CleanUp vous permet de désactiver de manière sélective des scripts, des styles et des plug-ins inutiles à partir d’un contenu spécifique. Cela peut améliorer les temps de chargement tout en réduisant le nombre de requêtes HTTP . Il vous permet également d’héberger des polices localement, de préconnecter, de précharger et de désactiver les fonctionnalités WordPress inutilisées.

Installez le plugin, éditez une page, puis désactivez tous les plugins ou requêtes non utilisés sur cette page:

Scripts tiers externes

Désactiver les scripts externes WordPress

Fonctionnalités de nettoyage des actifs:

  • Désactivez les scripts / plugins inutilisés sur certains contenus
  • Réduire, combiner, différer et mettre en cache CSS + JavaScript
  • Préconnecter, précharger, combiner et héberger les polices localement
  • Activer la réécriture d’URL CDN pour garantir l’optimisation des fichiers
  • Désactivez les intégrations, les dashicons et les fonctionnalités couramment inutilisées
  • Désactiver partiellement ou complètement la prise en charge du protocole XML-RPC
  • Optimiser le HTML en supprimant le code inutile dans la <head>
  • Déchargez sur 1 page, à l’échelle du site, par type de publication ou RegEx (fonctionnalité premium)

Désactiver sélectivement les plugins (exemples)

  • Désactiver le plugin de curseur sur le contenu sans curseurs
  • Désactiver le plugin d’extraits enrichis sur le contenu sans extraits enrichis
  • Désactiver le plugin de formulaire de contact sur le contenu sans formulaire de contact
  • Désactivez AdSense ou les liens d’affiliation là où ils ne sont pas affichés
  • Désactivez le plugin de partage social sur toutes les pages (car c’est généralement pour les articles de blog)
  • Désactivez les scripts, les styles et les fragments de panier WooCommerce sur les pages non-eCommerce

 

3. Préconnexion, prélecture et préchargement de scripts externes

Pour les scripts qui ne peuvent pas être désactivés de manière sélective, leur pré-connexion aide les navigateurs à les anticiper. Cela n’améliorera pas les scores GTmetrix, mais cela peut améliorer les temps de chargement des scripts externes.

Pre * Party Resource Hints prend en charge la prélecture DNS, le prérendeur, la préconnexion, la prélecture et le préchargement qui sont utilisés comme conseils de ressources du navigateur . Tous aident à charger les ressources externes plus rapidement et à ma connaissance, WP Rocket ne prend en charge que le préchargement et la prélecture, mais pas la préconnexion.

Définitions (Crédit: WP Rocket)

  • Préconnexion : indique au navigateur d’établir une connexion avec une ressource externe.
  • Prélecture : indique au navigateur de télécharger les fichiers anticipés que l’utilisateur peut demander.
  • Prérécupération DNS : le navigateur effectue des recherches DNS en arrière-plan pendant que l’utilisateur navigue.
  • Prerender : indique au navigateur de télécharger des pages entières en fonction des modèles de navigation de l’utilisateur.
  • Préchargement : indique au navigateur qu’une ressource de navigation est nécessaire et qu’elle doit être récupérée dès que possible.

Étape 1 : copiez tous les domaines externes que vous utilisez sur votre site Web (trouvez-les dans votre rapport GTmetrix et Query Monitor), sinon voici une liste des domaines communs à pré- extraire de Github:

Étape 2 : Ajoutez-les à votre plugin Pre * Party Resource Hints:

Conseils sur les ressources avant la fête

Si vous utilisez WP Rocket, vous pouvez les précharger (dans l’onglet Préchargement):

Prefetch-DNS-Requests

 

4. Différer l’analyse de JavaScript

Différer l’analyse de JavaScript indique aux navigateurs d’attendre de télécharger JavaScript jusqu’à ce que tout le reste soit téléchargé.

Si vous utilisez WP Rocket, activez Charger JavaScript différé dans l’onglet Optimisation de fichier:

Charger JavaScript différé

Si votre plugin de cache ne prend pas en charge cela, vous pouvez utiliser le plugin JavaScript Async :

JavaScript asynchrone

 

5. Hébergez les polices Google localement

L’hébergement de polices localement devrait corriger la plupart des erreurs liées aux polices dans GTmetrix.

Vous pouvez le faire en utilisant les polices Google auto-hébergées , OMGF ou Asset CleanUp.

Mais la meilleure façon d’optimiser les polices est de les télécharger directement depuis le site Web de Google Fonts, de les convertir en fichiers de polices Web à l’aide d’un outil comme Transfonter , puis de les ajouter à votre CSS. Assurez-vous que vous êtes minimal avec les polices et les poids, car chacun peut ajouter des demandes.

Google-Fonts-GTmetrix

Étape 1 : téléchargez vos polices à partir de Google Fonts.

Étape 2 : convertissez-les en fichiers de polices Web à l’aide de Transfonter.

Transfonter-Google-Font-Conversion

Étape 3 : Téléchargez des fichiers de polices Web sur wp-content / uploads.

Exemple:

  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff2

Étape 4 : Ajoutez des polices personnalisées à votre CSS.

URL par défaut dans stylesheet.css:
src: url('Roboto-Bold.woff2') format('woff2'),
url('Roboto-Bold.woff') format('woff');

Remplacez-les par:
src: url('http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2') format('woff2'),
url('http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff') format('woff');

Étape 5 : Testez les polices dans l’éditeur de texte WordPress.

<h2>Testing</h2>
<h2 class="roboto_font"> Custom Font Test </h2>
<h2 class="roboto_bold_font"> Custom Font Test </h2>

 

6. Hébergez Google Analytics localement

Si vous voyez un problème de mise en cache du navigateur , l’hébergement local de votre code de suivi Google Analytics corrigera ce problème. Vous pouvez utiliser le suivi Google de WP Rocket , CAOS Analytics ou WP Disable .

Effet de levier-Brower-Caching-Google-Analytics

 

7. Évitez à tout prix Google AdSense

Google AdSense est l’une des ressources externes les plus difficiles à optimiser, et je recommande plutôt le marketing d’affiliation car il ne ralentit pas votre site, en plus il est plus rentable et plus personnel. J’ai généralement atteint 130k + / an avec le marketing d’affiliation, alors assurez-vous de lire ce guide.

Un expert en produits d’or dit :

“Il y a généralement des choses qui peuvent être améliorées et qui sont sous votre contrôle, mais en fin de compte, c’est une décision de compromis: la monétisation compense-t-elle la perte de vitesse?”

Kinsta dit :

“C’est pourquoi, à moins que votre modèle de revenu ne tourne autour de publicités tierces, ne les mettez pas sur votre site WordPress.”

Cloudflare Railgun est une autre option pour optimiser AdSense car il accélère le contenu dynamique.

Pistolet Cloudflare

 

8. Utilisez uniquement Google Maps sur la page de contact

Ça a l’air bien, non?

Au lieu d’incorporer une carte, utilisez une image avec un lien vers les itinéraires.

Si vous effectuez des intégrations, utilisez uniquement Google Map sur les pages où vous en avez besoin (page de contact et celles ciblant un emplacement physique). Jamais dans votre pied de page, widgets ou zones apparaissant sur tout le site.

Google Map

 

9. Ne pas surcharger dans Google Tag Manager

Certains diront que Google Tag Manager peut réellement accélérer votre site Web, car il prend tout le Javascript sur votre site et le remplace par un seul script, qui est déclenché à partir de GTM.

Mais la réalité est que Google Tag Manager ralentira probablement votre site à moins que vous n’ayez un grand site non optimisé qui utilise de nombreux scripts tiers, auquel cas GTM peut l’accélérer.

Vitesse du gestionnaire de balises Google

Éviter les pièges courants et ne pas utiliser trop de balises peut aider, mais je n’utilise pas GTM. En fait, je ne l’ai honnêtement jamais essayé. Mais je sais que je l’ai vu dans beaucoup de mauvais rapports GTmetrix.

Je recommande également le plugin Google Tag Manager pour WordPress qui ne lance que les balises requises pour chaque page (accélérant les temps de chargement de GTM) et rend le code facile à ajouter.

 

10. Remplacez les publications des médias sociaux par des captures d’écran

Les publications intégrées (par exemple, les tweets) peuvent être remplacées par des captures d’ écran .

Cela prend un certain temps, mais vous pouvez réellement les rendre vraiment jolis. Étant donné que ce sont des images et ne doivent pas extraire des informations de Twitter, elles se chargent beaucoup plus rapidement que l’intégration.

Sondage sur l'hébergement 2019

2017-WordPress-Hosting-FB-Poll

Recommandations d'hébergement Elementor

Recommandation d'hébergement de juillet 2019

2016-WordPress-Hosting-FB-Poll

Hébergement préféré pour Elementor

Recommandations d'hébergement 2018

Comment je l’ai fait
Sur mon blog, j’ai utilisé une disposition à 2 colonnes et mesuré chaque colonne à 340 pixels (largeur). Ensuite, j’ai utilisé l’ extension Zoom Chrome combinée à une capture d’ écran impressionnante pour savoir de quel zoom% j’avais besoin pour obtenir une bonne capture d’écran du Tweet. J’ai pris des captures d’écran de chaque Tweet, puis je les ai recadrées pour faire exactement 340 pixels. Ensuite, j’ai comparé toutes les captures d’écran pour voir celles qui avaient une hauteur similaire, puis je les ai recadrées ou manipulées pour que 2 captures d’écran aient la même hauteur. Lorsque vous avez 2 tweets avec la même largeur / hauteur, ils ont fière allure côte à côte dans les colonnes.

Et oui, je recommande SiteGround pour l’hébergement ou Hostinger  . Il y a beaucoup de mauvaises critiques d’hébergement là-bas; regardez les sondages Facebook et vous verrez qui sont les gagnants.

 

11. Vidéos YouTube paresseuses

Les vidéos intégrées peuvent facilement ajouter plus de 2 secondes aux temps de chargement.

Les vidéos peuvent être optimisées grâce au chargement paresseux et en remplaçant l’iframe par une image d’aperçu, de sorte qu’il n’est chargé qu’une fois que les gens cliquent sur le bouton de lecture.

Les deux peuvent être effectués dans WP Rocket:

WP-Rocket-Lazy-Load

WP YouTube Lyte est une autre bonne option et prend en charge les intégrations YouTube légères (appelant uniquement le «gros lecteur YouTube» lorsque vous cliquez sur le bouton de lecture) et la mise en cache des miniatures YouTube localement.

Alternativement, ce tutoriel sur les intégrations YouTube légères peut être utilisé.

 

12. Désactiver les gravatars

Si vous avez beaucoup de commentaires sur le blog, Gravatars peut vraiment ralentir la publication.

J’ai finalement décidé de désactiver Gravatars, ce qui signifie qu’aucun visage n’est affiché dans les commentaires. Le blog de WP Rocket n’utilise pas non plus Gravatars (juste du texte). Cela peut sembler un peu ennuyeux, mais si la vitesse est importante, vous voudrez peut-être simplement styliser vos commentaires avec CSS et désactiver Gravatars. Les plugins de cache Gravatar n’ont jamais fonctionné pour moi, et je ne voulais pas cacher ou casser les commentaires.

Voici quelques options:

  • Désactiver les Gravatars (afficher uniquement le texte, la date, etc.)
  • Cachez les Gravatars en utilisant Optimum, Harrys ou FV (ne fonctionnait pas pour moi)
  • Divisez les commentaires en plusieurs pages, de sorte que seuls quelques Gravatars s’affichent

 

13. Désactiver les plugins statistiques

Utilisez-vous un plugin pour collecter des statistiques?

Cela ralentira votre site et vous n’avez pas besoin d’un plugin pour cela.

Vous pouvez voir tout ce dont vous avez besoin dans Google Analytics + Google Search Console sans ralentir votre site Web. Vous n’avez pas besoin de JetPack, WP Statistics ou d’autres plugins de statistiques.

Tableau de bord des performances de la Google Search Console

 

Broken Link Checker exécute des analyses en cours, c’est pourquoi il est interdit avec de nombreux hôtes.

J’adore toujours ce plugin et je l’installe / l’exécute tous les quelques mois. Mais une fois terminé, je le supprime immédiatement. Vous pouvez également essayer Dr. Link Check qui recherche également les liens cassés sur l’ensemble de votre site Web, mais vous ne pouvez pas réparer les liens directement dans votre tableau de bord WordPress comme vous le pouvez avec Broken Link Checker. Donc, utilisez-le et supprimez-le immédiatement après, ou utilisez Dr. Link Check.

 

15. Désactivez les modules JetPack inutilisés

Tout d’abord, désactivez tous les modules JetPack que vous n’utilisez pas.

Mais pourquoi installer un plugin robuste si vous n’utilisez que quelques fonctionnalités? Si vous avez besoin de statistiques, utilisez Google Analytics, Cloudflare pour un CDN gratuit, UpdraftPlus pour les sauvegardes, WP Rocket pour le chargement paresseux et pour la sécurité, j’utiliserais soit Wordfence, Sucuri ou iThemes Security.

Vous n’avez pas besoin de tous ces modules, sans parler d’un plugin gonflé.
Priorisez les fonctionnalités dont vous avez besoin et installez des plugins individuels pour ceux-ci. Après tout, c’est tout le concept des thèmes légers (achetez un thème avec des fonctionnalités minimales et comptez sur des plugins pour ajouter ceux dont vous avez besoin). N’installez pas un thème ou un plugin gonflé et restez coincé avec une perte de vitesse.

Étape 1 : accédez à votre tableau de bord JetPack, faites défiler vers le bas et cliquez sur Déboguer.

Débogage JetPack

Étape 2 : accédez à la liste complète des modules JetPack disponibles sur votre site WordPress.

Accès aux modules JetPack

Étape 3 : désactivez tous les modules que vous n’utilisez pas.

Modules JetPack

 

16. Désactiver les plug-ins de partage social de processeur élevé

Les boutons de partage social doivent extraire le nombre de partages de Facebook, Twitter, etc.

Si votre plugin a une option pour les mettre à jour périodiquement ou pendant les heures creuses, c’est bien mieux que de mettre à jour ces comptes en temps réel. Cependant, vous voulez probablement simplement savoir quels plugins de partage social sont les plus rapides et les plus légers, alors en voici quelques-uns.

Demandes de plug-in de partage social

Plugins de partage social (légers) recommandés:

 

17. Désactivez et remplacez les autres plugins CPU élevés

Il y a une raison pour laquelle WP Engine, GoDaddy et d’autres hôtes mettent sur liste noire certains types de plugins.

Les plugins WordPress les plus lents incluent le partage social, les statistiques, le curseur, la sauvegarde, les constructeurs de pages, le calendrier, le chat, le formulaire de contact, le portefeuille, la publication associée, le plan du site, Wordfence, WPML, WooCommerce, JetPack et les plugins qui exécutent des analyses ou des processus en cours. Les plugins lents peuvent être trouvés à l’aide de Query Monitor ou dans votre rapport GTmetrix Waterfall.

  1. AddThis
  2. AdSense Click Fraud Monitoring
  3. All-In-One Event Calendar
  4. Backup Buddy
  5. Beaver Builder
  6. Better WordPress Google XML Sitemaps
  7. Broken Link checker (use Dr. Link Check)
  8. Constant Contact for WordPress
  9. Contact Form 7
  10. Contextual Related Posts
  11. Digi Auto Links
  12. Disqus Comment System
  13. Divi Builder
  14. Essential Grid
  15. Facebook Chat
  16. Fancy Gallery
  17. Fuzzy SEO Booster
  18. Google Analytics
  19. Google Language Translator

 

18. Désactivez les scripts, les styles et les fragments de panier WooCommerce

Tous les sites WooCommerce sont livrés avec des scripts, des styles et des fragments de panier supplémentaires.

Ceux-ci se chargent sur l’ensemble de votre site Web, même sur des pages non WooCommerce. Les fragments de chariot seuls peuvent prendre jusqu’à 10 secondes pour se charger. En plus des 3 feuilles de style WooCommerce et de plusieurs scripts générés par WooCommerce (et du fait que les sites WooCommerce nécessitent généralement plus de plugins), il n’est pas étonnant que la plupart de ces sites aient généralement des temps de chargement de page lents.

Fragments de panier WooCommerce

Option 1: Asset CleanUp
Désactivez sélectivement les fonctions WooCommerce sur les pages où elles n’ont pas besoin d’être chargées.

Asset CleanUp WooCommerce

Option 2: Utiliser le code de Github
Désactiver les scripts WooCommerce: ajoutez ce code  functions.php:

/ **
* Optimiser les scripts WooCommerce
* Supprimez la balise, les styles et les scripts WooCommerce Generator des pages non WooCommerce.
* /
add_action (‘wp_enqueue_scripts’, ‘child_manage_woocommerce_styles’, 99);
function child_manage_woocommerce_styles () {
// supprimer la balise META du générateur
remove_action (‘wp_head’, array ($ GLOBALS [‘woocommerce’], ‘generator’));
// vérifie d’abord que woo existe pour éviter les erreurs fatales
if (function_exists (‘is_woocommerce’)) {
// retirer les scripts et les styles
if (! is_woocommerce () &&! is_cart () &&! is_checkout ()) {
wp_dequeue_style (‘woocommerce_frontend_styles’);
wp_dequeue_style (‘woocommerce_fancybox_styles’);
wp_dequeue_style (‘woocommerce_chosen_styles’);
wp_dequeue_style (‘woocommerce_prettyPhoto_css’);
wp_dequeue_script (‘wc_price_slider’);
wp_dequeue_script (‘wc-single-product’);
wp_dequeue_script (‘wc-add-to-cart’);
wp_dequeue_script (‘wc-cart-fragments’);
wp_dequeue_script (‘wc-checkout’);
wp_dequeue_script (‘wc-add-to-cart-variation’);
wp_dequeue_script (‘wc-single-product’);
wp_dequeue_script (‘wc-cart’);
wp_dequeue_script (‘wc-selected’);
wp_dequeue_script (‘woocommerce’);
wp_dequeue_script (‘prettyPhoto’);
wp_dequeue_script (‘prettyPhoto-init’);
wp_dequeue_script (‘jquery-blockui’);
wp_dequeue_script (‘jquery-placeholder’);
wp_dequeue_script (‘fancybox’);
wp_dequeue_script (‘jqueryui’);
}
}
}

Désactivez les styles WooCommerce: consultez le didacticiel de WooCommerce .

Désactivez les fragments de panier WooCommerce: ajoutez ce code à funtions.php:

/ ** Désactiver les appels Ajax depuis WooCommerce * /
add_action (‘wp_enqueue_scripts’, ‘dequeue_woocommerce_cart_fragments’, 11);
function dequeue_woocommerce_cart_fragments () {if (is_front_page ()) wp_dequeue_script (‘wc-cart-fragments’); }
afficher lesfonctions brutes.php hébergées avec ❤ par GitHub

Option 3: Perfmatters
Le plugin Perfmatters de Kinsta vous permet de désactiver tout cela en 1 clic, ainsi que de nombreuses autres fonctionnalités pour optimiser votre site comme la désactivation des fonctions WordPress inutiles. Je l’utilise sur mon propre site Web.

optimisation de woocommerce

 

19. Disqus charge conditionnelle

Disqus et de nombreux plugins de commentaires peuvent créer des requêtes externes.

Disqus Conditional Load est une version avancée de Disqus qui inclut le chargement différé et la désactivation de script. Si Disqus crée des demandes dans votre rapport GTmetrix, cela peut résoudre la plupart d’entre elles.

Disqus charge conditionnelle

 

20. Chargement sélectif du formulaire de contact 7

Bien que je ne sois pas un grand fan du formulaire de contact 7 en raison de ses temps de chargement lents, vous pouvez charger la feuille de style JavaScript + formulaire de contact 7 uniquement sur les pages qui utilisent des formulaires de contact . Sinon, ils se chargeront sur chaque page. Je suggère Gravity Forms ou un autre plugin de formulaire plus rapide.

Vous pouvez également utiliser Asset CleanUp pour désactiver les formulaires de contact sur les pages qui ne les utilisent pas:

Désactivation sélective du nettoyage des ressources

 

21. Activer la mise en cache pour le pixel Facebook

Le module complémentaire Facebook Pixel de WP Rocket vous permet d’appliquer la mise en cache de navigation pour Facebook Pixel.

C’est le seul moyen d’optimiser Facebook Pixel à ma connaissance, qui vous permet de suivre qui vient sur votre site Web et de les suivre à l’aide de Facebook Ads, entre autres fonctionnalités.

Mise en cache du navigateur de pixels Facebook

 

22. Configurez votre plugin de cache correctement

Même si c’est si important , la plupart des gens ne configurent pas correctement leur plugin de cache.

De nombreuses erreurs GTmetrix peuvent être liées à des choses que votre plug-in de cache peut gérer (réduction et combinaison de fichiers, report de JavaScript, mise en cache, ajout d’en-têtes expirés, optimisation vidéo, diffusion de fichiers à partir d’un CDN et hébergement de Google Fonts + Analytics localement). Étant donné que différents plugins de cache sont livrés avec des fonctionnalités différentes, vous devez parcourir tous vos paramètres et les tester vigoureusement, en vérifiant comment l’activation des fonctionnalités peut entraîner des temps de chargement plus rapides et de meilleurs scores.

Personnellement, j’utilise WP Rocket car il comporte de nombreuses fonctionnalités que la plupart des plugins de cache ne proposent pas (hébergement de polices, d’analyses et de Facebook Pixel localement, chargement d’images et de vidéos paresseux, nettoyage de la base de données, préchargement, contrôle du rythme cardiaque et intégration de Cloudflare et de plusieurs CDN comme StackPath). Sinon, vous devrez peut-être installer 7 plugins supplémentaires pour obtenir ces optimisations.

Optimisation de fichiers WP Rocket

 

23. Les CDN n’aident pas

Les CDN sont parfaits pour optimiser les fichiers sur votre site WordPress.

Mais en ce qui concerne les scripts externes, cela n’aidera pas. J’ai même envoyé un message à StackPath qui a dit que même si les CDN aident à beaucoup d’autres choses, les scripts externes n’en font pas partie. Cela a du sens – comment pouvez-vous décharger quelque chose qui n’est même pas hébergé sur votre site Web? Eh bien, au moins, ils étaient honnêtes.

Je recommande toujours Cloudflare et StackPath car ils aident énormément à décharger les ressources vers leurs centres de données (ce qui rend votre serveur plus détendu) et à utiliser des fonctionnalités telles que les règles de page Cloudflare, la protection Hotlink et leurs fonctionnalités de sécurité pour accélérer et protéger votre site Web. Et plus de CDN signifie plus de centres de données sur lesquels héberger vos fichiers, ce qui signifie une livraison encore plus rapide de votre contenu. C’est pourquoi j’utilise à la fois Cloudflare et les CDN de StackPath.

 

24. Utilisez Cloudflare Workers

Workers  est un environnement d’exécution JavaScript qui permet aux développeurs d’augmenter les applications existantes ou d’en créer de nouvelles sans configurer ni maintenir l’infrastructure. Le prix est de 5 $ / mois + utilisation (les 10 premiers millions de demandes de travail sont gratuites, puis 0,50 $ par million de demandes). Les travailleurs peuvent être configurés pour exécuter des pages, des sous-domaines, etc. spécifiques.  Testez-le ici .

25. Exécutez des tâches de processeur élevées pendant des périodes lentes

Les sauvegardes, Broken Link Checker et les autres tâches à processeur élevé doivent s’exécuter pendant les périodes de ralentissement. Facile.

 

Comment est votre rapport GTmetrix maintenant?

Ma page d’accueil n’est pas loin des 100% mais mes publications sont généralement plus impressionnantes.

À l’origine, les scripts externes qui ralentissaient mon site étaient les polices Google, Google Analytics, les vidéos YouTube intégrées, les tweets intégrés et j’ai eu quelques problèmes pour configurer le CDN de StackPath. Mais une fois que j’ai implémenté les étapes de cet article (et sacrifié un ou deux plugins), mon site WordPress entier se charge généralement ridiculement rapide. L’hébergement Hostinger a également aidé.