溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

性能優(yōu)化之代碼優(yōu)化頁面加載速度

發(fā)布時(shí)間：2020-10-04 13:21:34 來源：腳本之家 閱讀：161 作者：ikeyoo 欄目：web開發(fā)

頁面代碼的優(yōu)化對(duì)于頁面加載速度也有不小的影響，最廣為人知的：

HTML頭部的JavaScript和寫在HTML標(biāo)簽中的Style會(huì)阻塞頁面的渲染，因此CSS放在頁面頭部并使用Link方式引入，JavaScript的引入放在頁面尾。

其次還有：

1.按需加載，把統(tǒng)計(jì)、分享等 JS 在頁面 onload 后再進(jìn)行加載，可以提高訪問速度；

2.優(yōu)化 Cookie ，減少 Cookie 體積；

3.避免 []() 的 src 為空；

4.盡量避免設(shè)置圖片大小，多次重設(shè)圖片大小會(huì)引發(fā)圖片的多次重繪，影響性能；

5.合理使用display屬性：        

  • display:inline后不應(yīng)該再使用width、height、margin、padding以及float
  • display:inline-block后不應(yīng)該再使用float
  • display:block后不應(yīng)該再使用vertical-align
  • display:table-*后不應(yīng)該再使用margin或者float

6.不濫用Float 和 Web 字體；

7.盡量使用CSS3動(dòng)畫；

8.使用 AJAX 異步加載部分請(qǐng)求；

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持億速云！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手