武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介:優(yōu)化瀏覽器渲染:將樣式表放在頁面頂部.
將樣式放在頁面頭部
概述
將內(nèi)聯(lián)樣式塊和<link>元素從頁面<body>移動(dòng)到頁面<head>中,這樣能提高渲染性能。
詳細(xì)信息
在HTML文件<body>中指定外部樣式表和內(nèi)聯(lián)樣式塊可能對(duì)瀏覽器的渲染性能產(chǎn)生不利影響。瀏覽器阻塞渲染網(wǎng)頁直到所有外部的樣式表都已被下載。(用<style>標(biāo)記指定的)內(nèi)聯(lián)樣式塊可能會(huì)導(dǎo)致reflows和頁面跳動(dòng)。因此,把外部樣式表和內(nèi)聯(lián)樣式塊放在頁面的<head>中是很重要的。通過確保樣式表首先被下載和解析,可以讓瀏覽器逐步渲染頁面
建議
HTML 4.01規(guī)范()規(guī)定,始終把使用<link>標(biāo)簽的外部樣式表放在<head>部分里。不要使用@import。還要確保您指定的樣式有。
把<style>區(qū)塊放在<head>部分里。
新聞熱點(diǎn)
疑難解答
圖片精選