首頁 > web前端 > html教學 > 優化html程式碼加快網頁載入速度

優化html程式碼加快網頁載入速度

巴扎黑
發布: 2017-08-21 11:29:12
原創
2508 人瀏覽過
     web開發人員是否必須掌握複雜的元件技術才能加快html頁面的存取速度?答案是:不一定!實際上,有許多關於HTML與DHTML方面的技巧,它們原理簡單而且上手容易。無論是技術高超的老手,或是初涉編程的菜鳥,領會這些都十分必要。

     明顯HTML,暗渡「公用腳本」

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

    

     這樣,公用檔案只需下載一次,然後進入緩衝區。等下次再呼叫包含公用檔案的html頁面時,下載時間明顯減少。

     讓樣式表內容進入地下工作

#     CSS是HTML裝扮器,漂亮的Web頁面卻不可能沒有它。 HTML頁面有多種引用CSS的方法,不同的方法所導致的效率也不一樣。通常,我們可以將定義於間的樣式控製程式碼提取出來,儲存到單獨的.css檔案中,然後在HTML頁面中以標記或@import標記的方式進行引用: