Adakah css akan menyekat pemaparan halaman web?

Question

Mengapa domcontentloaded (garis biru) dilengkapkan sebelum css dimuat turun?

Answer 1

1 Penyemak imbas mula menghuraikan fail HTML sasaran, dan susunan aliran pelaksanaan adalah dari atas ke bawah.
2. Penghurai HTML menukar struktur HTML kepada DOM asas (Model Objek Dokumen Selepas pepohon DOM dibina, peristiwa DomContendLoaded).
3. Penghurai CSS menghuraikan CSS ke dalam CSSOM (Model Objek Lembaran Gaya Cascading), pokok yang mengandungi maklumat gaya sahaja.
4. CSSOM dan DOM mula bergabung untuk membentuk pepohon rendering, dan setiap nod mula mengandungi maklumat gaya tertentu.
5 Kira maklumat kedudukan setiap nod dalam pepohon pemaparan, iaitu peringkat susun atur.
6. Paparkan pokok rendering yang dibentangkan pada antara muka.

Answer 2

domcontentloaded sendiri ialah apabila tag HTML telah selesai memuatkan dan menghuraikan, tidak perlu menunggu helaian gaya.

Answer 3

Kaedah pautan memuatkan css pada masa yang sama dengan halaman web dimuatkan

Answer 4

Acara

DOMContentLoaded akan dicetuskan apabila dokumen HTML awal telah selesai dimuatkan dan dihuraikan, tanpa menunggu lembaran gaya, imej dan subbingkai dimuatkan sepenuhnya.
Rujukan: https://developer.mozilla.org...

Answer 5

Pertama sekali, css下载不会阻塞网页渲染，一个网页由html和资源资源组成，其他资源的下载不会影响到html muat turun fail itu sendiri adalah serentak.

Answer 6

DOM dan CSSOM ialah struktur data bebas
Rujukan: https://developers.google.com...