Rumah >hujung hadapan web >tutorial css >Cara Menangguhkan Memuatkan Fail CSS Besar: Sekiranya Anda Menggunakan Pemuatan JavaScript Dinamik?

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

DDD
DDDasal
2024-11-03 00:20:291094semak imbas

How to Defer Loading Large CSS Files: Should You Use Dynamic JavaScript Loading?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn