網(wǎng)站建設(shè)中要注意的幾點(diǎn)問(wèn)題.
1建設(shè)網(wǎng)站最好使用Gzip壓縮HTTP報(bào)文,減小體積,減少傳輸時(shí)間。
2,將樣式表置于頁(yè)面前部先加載樣式表,這樣頁(yè)面渲染得以較早開始,給用戶頁(yè)面加載較快的感覺(jué)。
3,將腳本置于頁(yè)面尾部先處理頁(yè)面顯示,頁(yè)面渲染較早完成,而腳本邏輯稍后執(zhí)行,這樣給用戶頁(yè)面加載較快的感覺(jué)。
4,避免使用CSS表達(dá)式過(guò)于復(fù)雜的JavaScript腳本邏輯、DOM查找、選擇操作將會(huì)降低頁(yè)面處理效率。
5,將JavaScript與CSS作為外聯(lián)資源這似乎與原則1中的合并思想相悖,但其實(shí)不然:考慮每個(gè)頁(yè)面都引入了一個(gè)公共的JavaScript資源(例如jQuery或是ExtJS這樣的JavaScript庫(kù)),單就一個(gè)頁(yè)面的表現(xiàn)來(lái)看,內(nèi)聯(lián)(即將JavaScript嵌入HTML)頁(yè)面將比外聯(lián)(使用<script>標(biāo)簽引入)頁(yè)面加載更快(因?yàn)槠漭^少的HTTP請(qǐng)求數(shù))。
但如果有很多頁(yè)面都引入了這個(gè)公共JavaScript資源,那么內(nèi)聯(lián)方案會(huì)造成重復(fù)傳輸(因?yàn)檫@個(gè)資源內(nèi)嵌在每個(gè)頁(yè)面中了,所以每次打開一個(gè)頁(yè)面都要將這部分資源傳輸一遍,從而造成網(wǎng)絡(luò)傳輸資源的浪費(fèi))。而將這種資源獨(dú)立出來(lái)外聯(lián)引用可以解決這個(gè)問(wèn)題。由于JavaScript和CSS相對(duì)穩(wěn)定,我們可以對(duì)其對(duì)應(yīng)的資源設(shè)置較長(zhǎng)的失效期。