Rumah  >  Artikel  >  hujung hadapan web  >  Di manakah fail gaya css harus diletakkan?

Di manakah fail gaya css harus diletakkan?

青灯夜游
青灯夜游asal
2021-07-22 15:48:074013semak imbas

Fail gaya css hendaklah diletakkan di kepala di bahagian atas HTML, yang boleh meningkatkan prestasi halaman. Letakkan fail CSS dalam pengepala, dan apabila memuatkan HTML untuk menjana pepohon DOM, pepohon DOM boleh dipaparkan pada masa yang sama ini boleh mengelakkan kelipan, skrin putih atau reka letak yang mengelirukan.

Di manakah fail gaya css harus diletakkan?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

fail gaya css hendaklah diletakkan di kepala di bahagian atas HTML.

Meletakkan css di kepala boleh meningkatkan prestasi halaman.

CSS diletakkan dalam pengepala, dan apabila memuatkan HTML untuk menjana pepohon DOM, pepohon DOM boleh dipaparkan pada masa yang sama. Ini menghalang kelipan, skrin putih atau reka letak yang mengelirukan.

Kini untuk pengalaman pengguna yang lebih baik, enjin pemaparan penyemak imbas akan cuba memaparkan kandungan pada skrin secepat mungkin. Ia tidak akan menunggu sehingga semua elemen HTMl dihuraikan sebelum membina dan meletakkan pokok DOM, jadi sebahagian daripada kandungan akan dihuraikan dan dipaparkan. Dalam erti kata lain, penyemak imbas boleh menyebabkan pepohon DOM dan CSSOM yang tidak lengkap, mengurangkan masa skrin putih secepat mungkin.

Jika CSS diletakkan di bahagian bawah, penyemak imbas menghalang kandungan daripada dipaparkan secara beransur-ansur Semasa penyemak imbas sedang menunggu fail css terakhir dimuat turun, "skrin putih" muncul (skrin putih apabila a. sambungan baharu dibuka, dan kemudian Teks, gambar dan gaya muncul terakhir). Ini sangat serius, kerana apabila kelajuan rangkaian sangat perlahan, masa muat turun CSS agak lama, yang secara semula jadi membawa "skrin putih" kepada pengguna untuk masa yang lama, dan pengalaman pengguna sangat lemah.

Jika fail CSS diletakkan di bahagian bawah, penyemak imbas menghalang kandungan daripada dipaparkan secara beransur-ansur Semasa penyemak imbas sedang menunggu fail css terakhir dimuat turun, "skrin putih" muncul (skrin putih apabila. sambungan baharu dibuka, dan kemudian Teks muncul dahulu, imej muncul terakhir, dan gaya muncul terakhir). Ini sangat serius, kerana apabila kelajuan rangkaian sangat perlahan, masa muat turun CSS agak lama, yang secara semula jadi membawa "skrin putih" kepada pengguna untuk masa yang lama, dan pengalaman pengguna sangat lemah.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Di manakah fail gaya css harus diletakkan?. 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