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

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

王林
發布: 2020-03-11 17:32:00
轉載
2433 人瀏覽過

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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板