一：頁面減肥

a：頁面的肥瘦是影響加載速度最重要的因素
b:刪除不必要的空格、注釋
c:將inline的script和css移到外部文件
d:可以使用HTML Tidy來給HTML減肥，還可以使用一些壓縮工具來給JavaScript減肥

二：減少文件數量

a:減少頁面上引用的文件數量可以減少HTTP連接數
b:許多JavaScript、css文件可以合并最好合并

三：減少域名查詢

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

四：緩存重用數據

a:對重復使用的數據進行緩存

五：優化頁面元素加載順序

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

六：減少inline JavaScript的數量

a:瀏覽器parser會假設inline JavaScript會改變頁面結構，所以使用inline JavaScript開銷較大
b:不要使用document.write（）這種輸出內容的方法，使用現代W3C DOM方法來為現代瀏覽器處理頁面內容

七：使用現代css和合法的標簽

a:使用現代css來減少標簽和圖像，例如使用現代css+文字完全可以替代一些只有文字的圖片
b:使用合法的標簽避免瀏覽器解析HTML時做“error correction ” 等操作，還可以被HTML Tidy來給HTML減肥

八：Chunk your content

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

九：指定圖像和table的大小

a:如果瀏覽器可以立即決定圖像或table的大小，那么它就可以馬上顯示頁面二不要重新做一些布局安排的工作
b:這不僅加快了頁面的顯示，也預防了頁面完成加載后布局的一些不當的改變
c:image使用height和width

總結

以上是生活随笔為你收集整理的如何加快HTML页面加载速度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。