首頁  >  文章  >  web前端  >  HTML技巧之提升頁面載入速度

HTML技巧之提升頁面載入速度

高洛峰
高洛峰原創
2017-03-11 11:46:271465瀏覽

本文給大家分享了html提高頁面加載速度的方法,非常不錯具有參考借鑒加載,需要的朋友參考下

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

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

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

(4)定義字元集;

(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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn