Sollte CSS in der modernen Webentwicklung vor oder nach JavaScript kommen?

Sollte CSS immer vor JavaScript stehen?
[Eine häufige Frage in der Webentwicklung]

Einleitung:
Früher glaubte man, dass die Platzierung von CSS vor JavaScript optimal für die Webleistung sei. Bei modernen Browsern und den jüngsten technologischen Fortschritten ist dies jedoch möglicherweise nicht mehr der Fall.

Testergebnisse:
Der Autor führte umfangreiche Tests mit verschiedenen Browsern und Szenarien durch und verglich die Leistung von Seiten, auf denen CSS vor oder nach JavaScript platziert wurde. Die Ergebnisse zeigten Folgendes:

Auf Desktop-Browsern:

• Wenn CSS verzögert ist, führt die Platzierung von JavaScript vor CSS zu einem geringfügigen Leistungsgewinn.

Auf mobilen Browsern:

• Die Tests des Autors auf Android 4 zeigte, dass spekulatives Parsen offenbar nicht unterstützt wird, was sich auf die Leistung der CSS-Platzierung auswirken kann.

Schlussfolgerungen:
Basierend auf den Testergebnissen, so der Autor schlägt Folgendes vor:

Desktop Browser:

• Das Platzieren externer Stylesheets nach externen Skripten, nur wenn die Leistung alter Browser kein Problem darstellt, bietet die beste Leistung. (Etwa 85 % der Desktop-Browser unterstützen spekulatives Parsen.)

Mobile Browser:

• Die Schlussfolgerung für mobile Browser kann je nach spezifischem Browser variieren verwendeter Browser und Betriebssystem. Es ist jedoch wahrscheinlich, dass die Platzierung von CSS vor JavaScript in den meisten Fällen immer noch einen Leistungsvorteil bietet.

Zusätzliche Überlegungen:
Der Autor stellt fest, dass es verschiedene Argumente gibt für die Platzierung von Skripten im Kopf statt am Ende des Körpers, aber diese Diskussion konzentriert sich speziell auf die Platzierung von CSS relativ zu JavaScript im head.

Fazit:
In modernen Desktop-Browsern schadet die Platzierung von CSS nach JavaScript nicht der Leistung und kann unter bestimmten Umständen zu Gewinnen führen. Wenn Sie Skripte an die erste Stelle setzen, wirkt sich dies bei den meisten mobilen Browsern nicht auf die Leistung aus. Es ist jedoch wichtig, bei dieser Entscheidung die spezifische Zielgruppe und die Browserunterstützung zu berücksichtigen.

Das obige ist der detaillierte Inhalt vonSollte CSS in der modernen Webentwicklung vor oder nach JavaScript kommen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!