如何讓你的網(wǎng)頁(yè)打開飛起來

2019-12-27 來源:搜到網(wǎng)
{literal}{/literal}


一:頁(yè)面減肥

1:頁(yè)面的肥瘦是影響加載速度最重要的因素


2刪除不必要的空格、注釋

3將inline的script和css移到外部文件

4可以使用HTML Tidy來給HTML減肥,還可以使用一些壓縮工具來給JavaScript減肥

如何讓你的網(wǎng)頁(yè)打開飛起來

二:減少文件數(shù)量

1減少頁(yè)面上引用的文件數(shù)量可以減少HTTP連接數(shù)

2許多JavaScript、css文件可以合并最好合并

三:減少域名查詢

1:DNS查詢和解析域名也是消耗時(shí)間的,所以要減少對(duì)外部JavaScript、css、圖片等資源的引用,不同域名的使用越少越好

四:緩存重用數(shù)據(jù)

1對(duì)重復(fù)使用的數(shù)據(jù)進(jìn)行緩存

五:優(yōu)化頁(yè)面元素加載順序

1首先加載頁(yè)面最初顯示的內(nèi)容和與之相關(guān)的JavaScript和css,然后加載HTML相關(guān)的東西,像什么不是最初顯示相關(guān)的圖片、flash、視頻等很肥的資源就最后加載

六:減少inline JavaScript的數(shù)量

1瀏覽器parser會(huì)假設(shè)inline JavaScript會(huì)改變頁(yè)面結(jié)構(gòu),所以使用inline JavaScript開銷較大

2不要使用document.write()這種輸出內(nèi)容的方法,使用現(xiàn)代W3C DOM方法來為現(xiàn)代瀏覽器處理頁(yè)面內(nèi)容

七:使用現(xiàn)代css和合法的標(biāo)簽

1使用現(xiàn)代css來減少標(biāo)簽和圖像,例如使用現(xiàn)代css+文字完全可以替代一些只有文字的圖片

2使用合法的標(biāo)簽避免瀏覽器解析HTML時(shí)做“error correction ” 等操作,還可以被HTML Tidy來給HTML減肥

八:Chunk your content

1不用使用嵌套table,而使用非嵌套table或者div。將基于大塊嵌套的table的layout分解成多個(gè)小table,這樣就不需要等到整個(gè)頁(yè)面(或大table)內(nèi)容全部加載完才顯示

九:指定圖像和table的大小

1如果瀏覽器可以立即決定圖像或table的大小,那么它就可以馬上顯示頁(yè)面二不要重新做一些布局安排的工作

2這不僅加快了頁(yè)面的顯示,也預(yù)防了頁(yè)面完成加載后布局的一些不當(dāng)?shù)母淖?

3image使用height和width