Sekiranya CSS Sentiasa Mendahului JavaScript dalam HTML?

Adakah CSS sentiasa diutamakan daripada JavaScript?

Kebijaksanaan Konvensional:

Satu cadangan biasa telah lama meletakkan CSS sebelum JavaScript atas sebab-sebab berikut:

• Rendering The thread need untuk memberikan semua maklumat gaya untuk halaman.
• Jika JavaScript disertakan sebelum ini, enjin JavaScript mesti menghuraikan segala-galanya sebelum meneruskan ke set sumber seterusnya.
• Ini bermakna benang pemaparan tidak dapat memaparkan halaman sepenuhnya kerana ia tidak mempunyai semua gaya yang diperlukan.

Ujian sebenar:

Walau bagaimanapun, ujian sebenar menunjukkan keputusan yang sangat berbeza:

• JavaScript tidak akan mula dilaksanakan, Sehingga semua CSS dimuat turun.
• Oleh itu, nampaknya lebih cekap untuk memasukkan JavaScript di hadapan kerana urutan JavaScript boleh berjalan lebih lama.

Kesimpulan:

• Untuk pelayar desktop: Dalam pelayar moden, letakkan CSS sebelum JavaScripttidak akan membawa peningkatan prestasi. Dalam sesetengah kes, ia juga boleh menyebabkan kemerosotan prestasi (seperti apabila CSS ditangguhkan). Oleh itu, anda harus memaut ke helaian gaya luaran ** selepas JavaScript **.
• Untuk penyemak imbas mudah alih: Bukti menunjukkan bahawa sesetengah penyemak imbas mudah alih (seperti WebKit untuk Android) masih tidak melakukan penghuraian ramalan. Pada penyemak imbas sedemikian, meletakkan skrip sebelum CSS boleh menyebabkan penalti prestasi.

Penjelasan teknikal:

• Pelayar sejarah akan berhenti menghuraikan HTML apabila menemui teg Apabila menemui , ia akan terus menghuraikan HTML sambil mendapatkan fail CSS.
• Pelayar moden melaksanakan penghuraian ramalan, di mana penyemak imbas "meramalkan" HTML dan memuat turun sumber, termasuk skrip, lebih awal daripada masa.

Sokongan penyemak imbas:

• Kebanyakan penyemak imbas desktop dan mudah alih moden (kira-kira 85%) menyokong pemuatan ramalan.

Nota:

• Jika prestasi tidak membimbangkan pelayar lama, meletakkan skrip selepas CSS pada penyemak imbas desktop adalah pilihan yang bijak.
• Pada penyemak imbas mudah alih, amalan terbaik mungkin masih berbeza mengikut peranti dan sistem pengendalian.

Atas ialah kandungan terperinci Sekiranya CSS Sentiasa Mendahului JavaScript dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!