Réduire les charges des scripts externes en vue d’alléger davantage son site
Fais le ménage dans tes scripts pour rendre ton site plus fluide.
Fais le ménage dans tes scripts pour rendre ton site plus fluide.


1 h 45 min
Prérequis :
Maîtrise de la langue française.
- Bonne connaissance de l’anglais.
- Connaissance de base en informatique.
- Connaissance de base en WordPress.
Ce que tu apprendras :
Inspecter les scripts externes
- Utiliser avec parcimonie les conversions trackers
- Identifier les chargements JS et CSS inutiles
- Comprendre le fonctionnement des plug-ins de suppression d’assets
Description
Il est important d’apprendre à faire le ménage dans les scripts qui se chargent automatiquement sur ton site. Ce sont les scripts externes. Si tu n’y as pas encore fait attention, ils peuvent être des dizaines et des dizaines à se charger. Ils ne sont pas tous utiles et sont chargés depuis différents domaines. Il existe beaucoup de plug-ins pour ce faire, mais sont-ils vraiment importants ? À premier abord, il ne se charge chacun qu’à quelques millisecondes. Les conséquences se feront vite ressentir lorsqu’ils sont nombreux.
Ces scripts externes peuvent être, par exemple, des polices Google, des offres d’emploi, des plug-ins pour le partage sur les réseaux sociaux, des analyses, des fichiers Google Ads, des statistiques, des publicités. Nous verrons un à un les principaux scripts qu’il te faut absolument débusquer. Il existe plusieurs méthodes pour optimiser ces scripts externes dans WordPress. Certains peuvent par exemple être hébergés en local. Des plug-ins proposent leur désactivation comme l’Asset CleanUp : Page Speed Booster.
Si tu te rends sur la page de téléchargement du plug-in, tu remarqueras bien des avantages. Réduction des requêtes HTTP, préchargement des fichiers CSS et JavaScript, suppression des émoticônes, réduction du code HTML, réduction des conflits entre les plug-ins et les thèmes, meilleur score de performance sur GTmetrix, PageSpeed Insights, Pingdom Website, optimisation des polices locales, optimisation et suppression de Google Fonts, optimisation des polices locales, suppression des liens et des balises méta, désactivation partielle et totale du protocole XML – RPC. Ils font tous partie de la version gratuite d’Asset CleanUp.
La version payante propose la gestion des fichiers CSS et JavaScript, le déchargement des plug-ins frontend et dans le dashboard, le déplacement des fichiers JavaScript au bon endroit, et bien d’autres encore.
Et si nous te disons qu’à la fin de ce cours, tu n’auras pas besoin d’avoir recours à ces plug-ins pour résoudre tes problèmes de scripts externes. Tu apprendras avec nous à gérer les chargements JS inutiles, les chargements CSS inutiles, les scripts de don et les éléments gallery.
Nous aborderons également la problématique des conversions trackers ou les traqueurs de cartes thermiques de conversion. Certes, on peut affirmer leur grande utilité, mais nous t’expliquerons comment ils doivent être configurés et quelles sont les erreurs à éviter.
À la fin de ce cours, tu auras à passer un quiz pour voir si tu as tout retenu. Si ce n’est pas le cas, ne t’en fais pas. Tu pourras toujours revisionner les points qui te semblent encore flous. N’hésite pas non plus à visiter notre catalogue de cours dédiés à WordPress pour compléter davantage tes connaissances.
Destinataire
- Créateur de site web en quête d’une vitesse supérieure de chargement
- Nouveaux diplômés ou débutants voulant intégrer le métier d’optimisation de vitesse
- Entrepreneur dans le domaine du web
- Les dirigeants désirant étoffer leurs connaissances
Programme
- Les scripts externes
- Débusquer les scripts externes
- Les fichiers Google Ads
- Les fichiers Stats
- Les publicités
- Les conversions trackers
- Pourquoi ne pas utiliser un plug-in de suppression d’assets ?
- Les chargements JS inutiles
- Les chargements CSS inutiles
- Les scripts de don
- Les éléments Gallery
- Que faire donc ?
Auteurs
Ce cours est l'œuvre de plusieurs personnes expérimentées en WordPress.
- Dernière mise à jour :
- 18 janvier 2022
SKIILLZ te propose également

Familiarise-toi avec les outils les plus utilisés du Designer de Figma
Ce que tu apprendras :
Comprendre le Canvas et les éléments de conception de Figma.
- Maîtriser la barre d'outils et les principales fonctionnalités de Figma.
- Utiliser les raccourcis clavier dans le Designer de Figma.
- Gérer le panneau de configuration du Designer de Figma.
Get started with Wordpress

Découvre les principes fondamentaux de l’Expérience Utilisateur (UX) et de l’Interface Utilisateur (UI) pour concevoir des sites web efficaces et attrayants.
Ce que tu apprendras :
Comprendre les principes fondamentaux de l’Expérience Utilisateur (UX) et de l’Interface Utilisateur (UI).
- Optimiser la navigation et la structure d’une landing page.
- Maîtriser l’application des principes UX et UI aux différentes sections d’une landing page.
- Savoir analyser et adapter le design d’une page web aux tendances actuelles et aux habitudes des utilisateurs.

Les CSS et JavaScript doivent préserver la rapidité du chargement de ton site
Ce que tu apprendras :
Comprendre la différence entre une requête HTTP et une requête HTTP/2
- Comprendre le principe de la mise en ligne le code CSS et JavaScript
- Savoir décider quand mettre en ligne ou non le CSS et le JavaScript

La gestion des JavaScript externes sera plus que du gâteau pour toi après cette formation
Ce que tu apprendras :
Comprendre le fonctionnement des JavaScript externes
- Assimiler les différentes méthodes de gestion des JavaScripts externes
- Savoir analyser le comporter de chaque JavaScript externe et appliquer la méthode idéale

Protège ton site contre les attaques grâce au protocole HTTPS.
Ce que tu apprendras :
Évaluer l’importance des plug-ins permettant d’activer le HTTPS
- Paramétrer le changement de protocole en HTTPS à l’aide de plug-in
- Paramétrer manuellement le changement de protocole en HTTPS
- Configurer les redirections 301

Différer ou non tes codes CSS et JavaScript ne sera plus un casse-tête.
Ce que tu apprendras :
Être capable de décider si oui ou non il est nécessaire de différer les CSS et les JS d’un site web donné
- Comprendre le fonctionnement du chargement de certains CSS et JS et appliquer les mesures adéquates
- Comprendre le principe du blocage de rendu et apprécier son importance selon les situations
- Être capable d’optimiser le chargement de la page d’un site en différant ou non les CSS et les JS