Pourquoi mettre le CSS en haut

Raison :

Le fichier CSS est placé en haut D'une part, l'ordre de placement détermine la priorité de téléchargement, et. plus important encore, le mécanisme de rendu du navigateur.

Dans la situation la plus idéale, nous espérons que le navigateur restituera progressivement le CSS téléchargé et affichera progressivement la page à l'utilisateur. Cependant, afin d'éviter de restituer les éléments de la page lorsque les styles changent, le navigateur bloque le rendu progressif du contenu. Le navigateur attend que tous les styles soient chargés avant de restituer la page en même temps.

De cette façon, si le fichier CSS est placé en bas, le navigateur empêche le rendu progressif du contenu. Pendant que le navigateur attend le téléchargement du dernier fichier CSS, un "écran blanc" apparaît. (écran blanc à l'ouverture d'une nouvelle connexion), puis le texte, les images et les styles apparaissent en dernier). C'est très grave, car lorsque la vitesse du réseau est très lente, le temps de téléchargement CSS est relativement long, ce qui amène naturellement un « écran blanc » à l'utilisateur pendant une longue période, et l'expérience utilisateur est très mauvaise.

Tutoriel recommandé : Tutoriel CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!