Parlons de votre projet

Ressources bloquant le rendu

Fichiers de style et de script que le navigateur doit télécharger et traiter avant de pouvoir afficher la page à l'écran.

  1. 01

    Pourquoi c'est important

    Chaque fichier de style chargé en haut de la page et chaque script dont il attend la fin retardent l'apparition du premier contenu. Intégrer les styles critiques directement dans la page, charger le reste ensuite et différer les scripts raccourcissent cette attente. L'effet est particulièrement visible sur les appareils mobiles et les connexions lentes.

  2. 02

    Exemple

    Un script de widget de discussion chargé en haut d'un site retarde l'affichage de la page d'une seconde. Une fois le script différé, la page apparaît immédiatement et le bouton de discussion arrive quelques secondes plus tard.

  3. 03

    Erreur fréquente

    Différer tous les styles. Sans styles critiques, la page apparaît d'abord sans mise en forme puis change brusquement ; les styles nécessaires au premier écran doivent être chargés immédiatement.

  4. 04
Commençons

Parlons de votre projet.

Dites-nous votre besoin ; nous définirons le périmètre ensemble.