Savoir quand différer CSS et JS pour l'optimisation de vitesse de son site
Différer ou non tes codes CSS et JavaScript ne sera plus un casse-tête.
Différer ou non tes codes CSS et JavaScript ne sera plus un casse-tête.


1 h 20 min
Prérequis :
- Des connaissances basiques en HTML, CSS et JavaScript
- Une aisance dans l’utilisation des fonctionnalités de base de WordPress
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
Description
Ce cours ambitionne de t’expliquer et de t’apprendre comment décider si oui ou non on devrait différer les CSS et les JS. Cette problématique fait souvent l’objet d’un débat et d’un polémique pour de nombreuses raisons. Certains s’en tiennent à leurs expériences, d’autres préfèrent s’en tenir aux recommandations des tests de vitesse. Il y en a aussi des gens qui préfèrent l’aspect esthétique que quelques fractions de seconde de chargement en moins.
Histoire de terminer ce débat, nous mettrons tout ceci au clair pour que, plus jamais, tu n’hésites lorsque tu auras à prendre une décision. En effet, la finalité de chacun de nous est d’avoir un site le plus fluide et rapide possible. C’est l’un des principaux critères de Google pour se hisser en haut des résultats de recherche.
Dans un premier temps, nous verrons un cas pratique pour t’aider à analyser le chargement du CSS des polices, du JS d’un lecteur média, du CSS et du JS d’un calendrier, d’un menu, d’un slider, le script Google Analytics et bien plus encore. Nous parlerons aussi du blocage de rendu CSS et t’expliquerons comment dans certains cas, cela peut être une bonne chose pour toi. N’oublions pas que le plus important est de proposer la meilleure expérience utilisateur possible à ton visiteur.
Pour tout assimiler, tu n’auras qu’à nous consacrer deux petites heures de ton temps au maximum. Tu n’es pas obligé de tout finir en une seule traite. Prends tout le temps qui te faudra pour comprendre. Notre plateforme a été conçue de sorte que tu puisses étudier en toute liberté, n’importe où et à n’importe quel endroit. Ce cours a été conçu par une équipe de développeurs confirmés en optimisation de vitesse et amélioré par nos soins. Bien sûr, tu peux effectuer des recherches sur le net, visionner des tonnes de vidéos et synthétiser tout cela en analysant les différents points de vue. Cela te prendra un temps fou. Nous avons fait tout le boulot pour toi. À la fin de ce cours, tu auras à passer un examen pour le valider et voir si tu as tout retenu.
Nous t’invitons également à faire un tour sur notre site en consultant notre large catalogue de formation dédiée au développement informatique. N’hésite pas à interagir avec nous et à nous suivre sur les réseaux pour ne rien rater. Nos formations sont régulièrement mises à jour.
Destinataire
- Les développeurs JavaScript juniors et les développeurs Web juniors désirant améliorer davantage leurs compétences dans l’optimisation de vitesse d’un site Les managers et chefs d’entreprise souhaitant renforcer les compétences de leurs développeurs
- Les étudiants en informatique souhaitant acquérir des compétences poussées en optimisation de vitesse d’un site
- Les développeurs souhaitant gérer correctement les JavaScript et CSS sur leur site
- Les propriétaires de site web désireux d’avoir un site fluide et rapide
- N’importe quel développeur amateur ou confirmé s’intéressant au langage JavaScript
Programme
- Généralités
- Les éléments à différer ou non
- La police
- Le lecteur vidéo
- Le calendrier
- L’image principale et le menu
- Explications
- Le Script Google Analytics
- Le blocage de rendu
- Les sliders
Auteurs
- Dernière mise à jour :
- 28 avril 2022
SKIILLZ te propose également
Introduction à WordPress

Tire un bon nombre d’avantages du management de projet en débutant par la compréhension de la notion avec ce cours !
Ce que tu apprendras :
- Définir la gestion de projet
- Connaître les étapes et méthodes pour gérer un projet
- Comprendre l’importance d’approfondir les différents éléments constituant la gestion de projet.

Pilote tes stratégies managériales à un level élevé pour plus d’impacts et apprends leur mise en œuvre en suivant cette formation !
Ce que tu apprendras :
- À mener une étude approfondie sur l’environnement du management et leadership.
- À comprendre les dispositifs pour mieux maîtriser la conception du secteur managérial et de l’organisation.
- À opter sur quelles stratégies mettre en œuvre pour être un bon manager ou leader et pourquoi enchérir autant cette fonction.
Découvrir la rédaction web

Mets Excel au cœur de tes tâches professionnelles en apprenant les techniques dans cette formation !
Ce que tu apprendras :
- Connaître les fonctionnalités de base d’Excel.
- Utiliser à bon escient chaque facette des fonctionnalités d’Excel.
- Manipuler les feuilles de calcul et choisir les modes d’impression qui te conviennent.
- Appliquer les principes de base de la manipulation d’Excel en fonction des besoins de ton métier