首頁 > web前端 > html教學 > HTML技巧之提升頁面載入速度

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

高洛峰
發布: 2017-03-11 11:46:27
原創
1504 人瀏覽過

本文給大家分享了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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板