網頁制作poluoluo文章簡介:優化浏覽器渲染:將樣式表放在頁面頂部.
將樣式放在頁面頭部
概述
將內聯樣式塊和<link>元素從頁面<body>移動到頁面<head>中,這樣能提高渲染性能。
詳細信息
在HTML文件<body>中指定外部樣式表和內聯樣式塊可能對浏覽器的渲染性能產生不利影響。浏覽器阻塞渲染網頁直到所有外部的樣式表都已被下載。(用<style>標記指定的)內聯樣式塊可能會導致reflows和頁面跳動。因此,把外部樣式表和內聯樣式塊放在頁面的<head>中是很重要的。通過確保樣式表首先被下載和解析,可以讓浏覽器逐步渲染頁面
建議
HTML 4.01規范(第12.3節)規定,始終把使用<link>標簽的外部樣式表放在<head>部分裡。不要使用@import。還要確保您指定的樣式有正確的順序。
把<style>區塊放在<head>部分裡。