html提高頁面的加載速度的方法是什么

發(fā)布時間：2020-04-03 15:38:09 來源：億速云閱讀：115 作者：小新欄目：web開發(fā)

今天小編給大家分享的是html提高頁面的加載速度的方法是什么，很多人都不太了解，今天小編為了讓大家更加了解html提高頁面的加載速度的方法，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會有所收獲的哦。

html提高頁面的加載速度的方法是什么

（1）減少 HTTP 的請求。（合并資源文件、使用圖片精靈）；

（2）把CSS 放頭部，把 JavaScript 放到 body 標(biāo)簽尾部；

（3）定義圖片的寬和高；

（4）定義字符集；

（5）避免空的 src 和 href 屬性，

html里這樣寫：

<a href="javascript:;" class="triggerName">Trigger</a>

js 里這樣定義：

$("#triggerName").click(function(e){
          e.preventDefault(); // 取消單擊事件的默認(rèn)動作以阻止鏈接的跳轉(zhuǎn)//
      })

（6）啟用 GZIP 壓縮；

（7）擯棄 CSS 表達(dá)式，用更高效的 CSS 選擇器；

（8）使用外鏈的 CSS 和 JavaScript;

（9）對 CSS 和 JavaScript 進(jìn)行代碼壓縮;

（10）減少重繪；

以上就是html提高頁面的加載速度的方法是什么的簡略介紹，當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會。如果想了解更多，歡迎關(guān)注億速云行業(yè)資訊頻道哦！

向AI問一下細(xì)節(jié)

猜你喜歡