Cara Menangguhkan Memuatkan Fail CSS Besar: Sekiranya Anda Menggunakan Pemuatan JavaScript Dinamik?

Cara Menangguhkan Memuatkan Fail CSS Besar

Sebagai sebahagian daripada pengoptimuman penghantaran CSS, anda mungkin mahu menangguhkan pemuatan fail CSS yang besar sehingga selepas halaman dimuatkan. Ini boleh dicapai menggunakan pendekatan berikut:

Gunakan JavaScript untuk Memuatkan Fail CSS Secara Dinamik

Satu pilihan ialah menggunakan JavaScript untuk memuatkan fail CSS secara dinamik selepas halaman telah dimuatkan. Contohnya, menggunakan jQuery, anda boleh menggunakan kod berikut:

<code class="javascript">function loadStyleSheet(src) {
    if (document.createStyleSheet){
        document.createStyleSheet(src);
    }
    else {
        $("head").append($("<link rel='stylesheet' href='"+src+" />"));
    }
};</code>

Anda kemudian boleh memanggil fungsi ini selepas halaman dimuatkan.

Lumpuhkan JavaScript untuk Mengesahkan

Untuk mengesahkan bahawa pendekatan ini berfungsi, lumpuhkan JavaScript dalam penyemak imbas anda dan muat semula halaman. Anda seharusnya melihat bahawa fail CSS tidak dimuatkan sehingga selepas halaman dimuatkan.

Nota untuk Pendekatan Bukan JavaScript

Jika anda lebih suka pendekatan JavaScript tulen atau rangka kerja JavaScript yang lain, sila ulas di bawah dan kami boleh menyediakan penyelesaian tambahan.

Ingat, mencuba pendekatan berbeza dan mengujinya dalam persekitaran anda sendiri sentiasa disyorkan untuk mencari penyelesaian optimum bagi kes penggunaan khusus anda.

Atas ialah kandungan terperinci Cara Menangguhkan Memuatkan Fail CSS Besar: Sekiranya Anda Menggunakan Pemuatan JavaScript Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!