HTML 提高頁面加載速度的方法
發(fā)布時間:2017-02-06 14:48:27 作者:佚名
我要評論

本文給大家分享了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(); // 取消單擊事件的默認動作以阻止鏈接的跳轉(zhuǎn)// })
(6)啟用 GZIP 壓縮;
(7)擯棄 CSS 表達式,用更高效的 CSS 選擇器;
(8)使用外鏈的 CSS 和 JavaScript;
(9) 對 CSS 和 JavaScript 進行代碼壓縮;
(10)減少重繪;
以上所述是小編給大家介紹的HTML 提高頁面加載速度的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
html5 canvas實現(xiàn)的酷炫頁面預加載動畫圖標效果源碼
這是一款基于html5 canvas實現(xiàn)的酷炫頁面預加載動畫圖標效果源碼。有多種預加載動畫效果可供選擇,動畫漸變效果平滑自然2016-04-13- 這篇文章主要介紹了利用簡潔的圖片預加載組件提升html5移動頁面的用戶體驗 的相關(guān)資料,需要的朋友可以參考下2016-03-11
- 這是一款基于html5實現(xiàn)的頁面滾動圖片動畫加載特效源碼。頁面上下滾動的時候圖片可呈現(xiàn)動態(tài)加載效果,有常規(guī)漸顯效果及3D翻轉(zhuǎn)顯示兩種顯示效果供選擇2016-01-27
- 瀏覽器加載和渲染html的順序、如何加快HTML頁面加載速度、HTML頁面加載和解析流程等等,在本文將為大家詳細介紹下,感興趣的朋友不要錯過2013-10-08
- 預加載是一種瀏覽器機制,使用瀏覽器空閑時間來預先下載/加載用戶接下來很可能會瀏覽的頁面/資源,當用戶訪問某個預加載的鏈接時,如果從緩存命中,頁面就得以快速呈現(xiàn)2013-08-13