HTML 提高頁(yè)面加載速度的方法
發(fā)布時(shí)間：2017-02-06 14:48:27 作者：佚名 
我要評(píng)論
我要評(píng)論本文給大家分享了html提高頁(yè)面加載速度的方法，非常不錯(cuò)具有參考借鑒加載，需要的朋友參考下
（1）減少 HTTP 的請(qǐng)求。（合并資源文件 和 使用圖片精靈 ；
（2）把CSS 放頭部，把 JavaScript 放到 body 標(biāo)簽尾部；
（3）定義圖片的寬和高；
（4）定義字符集；
（5）避免空的 src 和 href 屬性，
html里這樣寫：
<a href="javascript:;" class="triggerName">Trigger</a>
js 里這樣定義：
$("#triggerName").click(function(e){
e.preventDefault(); // 取消單擊事件的默認(rèn)動(dòng)作以阻止鏈接的跳轉(zhuǎn)//
})
（6）啟用 GZIP 壓縮；
（7）擯棄 CSS 表達(dá)式，用更高效的 CSS 選擇器；
（8）使用外鏈的 CSS 和 JavaScript;
（9） 對(duì) CSS 和 JavaScript 進(jìn)行代碼壓縮;
（10）減少重繪；
以上所述是小編給大家介紹的HTML 提高頁(yè)面加載速度的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
html5 canvas實(shí)現(xiàn)的酷炫頁(yè)面預(yù)加載動(dòng)畫圖標(biāo)效果源碼
這是一款基于html5 canvas實(shí)現(xiàn)的酷炫頁(yè)面預(yù)加載動(dòng)畫圖標(biāo)效果源碼。有多種預(yù)加載動(dòng)畫效果可供選擇，動(dòng)畫漸變效果平滑自然2016-04-13利用簡(jiǎn)潔的圖片預(yù)加載組件提升html5移動(dòng)頁(yè)面的用戶體驗(yàn)
這篇文章主要介紹了利用簡(jiǎn)潔的圖片預(yù)加載組件提升html5移動(dòng)頁(yè)面的用戶體驗(yàn) 的相關(guān)資料,需要的朋友可以參考下2016-03-11
html5實(shí)現(xiàn)的頁(yè)面滾動(dòng)圖片動(dòng)畫加載特效源碼
這是一款基于html5實(shí)現(xiàn)的頁(yè)面滾動(dòng)圖片動(dòng)畫加載特效源碼。頁(yè)面上下滾動(dòng)的時(shí)候圖片可呈現(xiàn)動(dòng)態(tài)加載效果，有常規(guī)漸顯效果及3D翻轉(zhuǎn)顯示兩種顯示效果供選擇2016-01-27- 瀏覽器加載和渲染html的順序、如何加快HTML頁(yè)面加載速度、HTML頁(yè)面加載和解析流程等等，在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過2013-10-08
HTML5 預(yù)加載讓頁(yè)面得以快速呈現(xiàn)
預(yù)加載是一種瀏覽器機(jī)制，使用瀏覽器空閑時(shí)間來預(yù)先下載/加載用戶接下來很可能會(huì)瀏覽的頁(yè)面/資源，當(dāng)用戶訪問某個(gè)預(yù)加載的鏈接時(shí)，如果從緩存命中,頁(yè)面就得以快速呈現(xiàn)2013-08-13
