首頁  >  文章  >  web前端  >  html如何提高頁面的載入速度

html如何提高頁面的載入速度

王林
王林轉載
2020-03-11 17:32:002408瀏覽

html如何提高頁面的載入速度

(1)減少 HTTP 的請求。 (合併資源檔案、使用圖片精靈);

(2)把CSS  放頭部,把JavaScript 放到body 標籤尾部;

(3)定義圖片的寬度和高度;

(4)定義字元集;

(推薦教學:html入門教學

(5)避免空的src 和href 屬性,

html裡這樣寫:

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

js 裡這樣定義:   

$("#triggerName").click(function(e){
          e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
      })

(6)啟用GZIP 壓縮;

(7)擯棄CSS 表達式,使用更有效率的CSS 選擇器;

(8)使用外鏈的CSS 和JavaScript;

(9) 對CSS 和JavaScript 進行程式碼壓縮;

#(10 )減少重繪;

相關影片教學推薦:html影片教學

以上是html如何提高頁面的載入速度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jb51.net。如有侵權,請聯絡admin@php.cn刪除