首頁  >  文章  >  web前端  >  HTML優化加快網頁速度的方法

HTML優化加快網頁速度的方法

高洛峰
高洛峰原創
2017-03-10 11:49:192115瀏覽

明顯HTML,暗渡“公用腳本” 減少web頁面下載時間的關鍵是設法減小檔案大小。當多個頁面共用一些成分內容時,就可以考慮將這些公用部分單獨分開。例如:我們可以將多個HTML頁面都用到的腳本程式編寫成獨立存在的.js文件,然後再在頁面中按如下方式調用明顯HTML,暗渡「公用腳本」

減少web頁面下載時間的關鍵就是設法減少檔案大小。當多個頁面共用一些成分內容時,就可以考慮將這些公用部分單獨分開。例如:我們可以將多個HTML頁面都用到的腳本程式編寫成獨立存在的.js文件,然後再在頁面中按如下方式呼叫它:
             
這樣,公用檔案只要下載一次,然後就進入緩衝區。等下次再呼叫包含公用檔案的html頁面時,下載時間明顯減少。
讓樣式表內容進入地下工作
CSS是HTML裝扮器,一個漂亮的網路頁面不可能沒有它。 HTML頁面有多種引用CSS的方法,不同的方法所導致的效率也不一樣。通常,我們可以將定義於間的樣式控製程式碼提取出來,儲存到單獨的.css檔案中,然後在HTML頁面中以標記或@import標記的方式進行引用:
                                   
請注意2點:

##1、.css檔案中無需包含