CSS doit-il toujours précéder JavaScript en HTML ?-tutoriel CSS-php.cn

CSS doit-il toujours précéder JavaScript en HTML ?

Patricia Arquette

Libérer： 2024-11-24 19:06:17

original

795 Les gens l'ont consulté

Should CSS Always Precede JavaScript in HTML?

Le CSS doit-il toujours avoir préséance sur le JavaScript ?

Sagesse conventionnelle :

Une recommandation courante a longtemps été de placer CSS avant JavaScript pour les raisons suivantes :

Rendu Le fil a besoin pour afficher toutes les informations de style de la page.
Si JavaScript est inclus auparavant, le moteur JavaScript doit tout analyser avant de passer à l'ensemble de ressources suivant.
Cela signifie que le fil de rendu ne peut pas afficher entièrement la page car il n'a pas tous les styles dont il a besoin.

Tests réels :

Cependant, les tests réels ont montré des résultats très différents :

JavaScript ne commencera pas à s'exécuter, jusqu'à ce que tous CSS est téléchargé.
Par conséquent, il semble plus efficace d'inclure le JavaScript au début car le thread JavaScript peut s'exécuter plus longtemps.

Conclusion :

Pour les navigateurs de bureau : Dans les navigateurs modernes, mettre CSS avant JavaScriptne sera pas apporter des améliorations de performances. Dans certains cas, cela peut même entraîner une dégradation des performances (par exemple lorsque CSS est retardé). Par conséquent, vous devez créer un lien vers la feuille de style externe ** après le JavaScript **.
Pour les navigateurs mobiles : Les preuves suggèrent que certains navigateurs mobiles (tels que WebKit pour Android) n'effectuent toujours pas d'analyse prédictive. Sur ces navigateurs, placer les scripts avant CSS peut entraîner une baisse des performances.

Explication technique :