一：頁面減肥

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

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

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

三：減少域名查詢

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

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

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

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

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

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

a:瀏覽器parser會(huì)假設(shè)inline JavaScript會(huì)改變頁面結(jié)構(gòu)，所以使用inline JavaScript開銷較大
b:不要使用document.write（）這種輸出內(nèi)容的方法，使用現(xiàn)代W3C DOM方法來為現(xiàn)代瀏覽器處理頁面內(nèi)容

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

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

八：Chunk your content

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

九：指定圖像和table的大小

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。