如何讓你的網頁打開飛起來

2019-12-27 來源:搜到網
{literal}{/literal}


一:頁面減肥

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


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

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

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

如何讓你的網頁打開飛起來

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

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

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

三:減少域名查詢

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

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

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

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

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

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

1瀏覽器parser會假設inline JavaScript會改變頁面結構,所以使用inline JavaScript開銷較大

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

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

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

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

八:Chunk your content

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

九:指定圖像和table的大小

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

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

3image使用height和width