So verzögern Sie das Laden großer CSS-Dateien: Sollten Sie dynamisches JavaScript-Laden verwenden?

So verzögern Sie das Laden großer CSS-Dateien

Im Rahmen der Optimierung der CSS-Bereitstellung möchten Sie möglicherweise das Laden einer großen CSS-Datei verzögern bis die Seite geladen ist. Dies kann mit dem folgenden Ansatz erreicht werden:

Verwenden Sie JavaScript, um die CSS-Datei dynamisch zu laden

Eine Möglichkeit besteht darin, JavaScript zu verwenden, um die CSS-Datei nach der Seite dynamisch zu laden hat geladen. Mit jQuery können Sie beispielsweise den folgenden Code verwenden:

<code class="javascript">function loadStyleSheet(src) {
    if (document.createStyleSheet){
        document.createStyleSheet(src);
    }
    else {
        $("head").append($("<link rel="stylesheet" href="%22+src+%22%20/>%22));%0A%20%20%20%20%7D%0A%7D;

Sie%20k%C3%B6nnen%20diese%20Funktion%20dann%20aufrufen,%20nachdem%20die%20Seite%20geladen%20wurde.

JavaScript%20zur%20%C3%9Cberpr%C3%BCfung%20deaktivieren%20

Um%20zu%20%C3%BCberpr%C3%BCfen,%20ob%20dieser%20Ansatz%20funktioniert,%20deaktivieren%20Sie%20JavaScript%20in%20Ihrem%20Browser%20und%20laden%20Sie%20die%20Seite%20neu.%20Sie%20sollten%20sehen,%20dass%20die%20CSS-Datei%20erst%20geladen%20wird,%20nachdem%20die%20Seite%20geladen%20wurde.

Hinweis%20f%C3%BCr%20Nicht-JavaScript-Ans%C3%A4tze

Wenn%20Sie%20einen%20reinen%20JavaScript-Ansatz%20bevorzugen%20oder%20Andere%20JavaScript-Frameworks%20hinterlassen%20Sie%20bitte%20unten%20einen%20Kommentar.%20Wir%20k%C3%B6nnen%20dann%20weitere%20L%C3%B6sungen%20bereitstellen.

Denken%20Sie%20daran,%20dass%20es%20immer%20empfehlenswert%20ist,%20mit%20verschiedenen%20Ans%C3%A4tzen%20zu%20experimentieren%20und%20diese%20in%20Ihrer%20eigenen%20Umgebung%20zu%20testen,%20um%20die%20optimale%20L%C3%B6sung%20f%C3%BCr%20Ihren%20spezifischen%20Anwendungsfall%20zu%20finden.

">

Das obige ist der detaillierte Inhalt vonSo verzögern Sie das Laden großer CSS-Dateien: Sollten Sie dynamisches JavaScript-Laden verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!