性能優(yōu)化之代碼優(yōu)化頁(yè)面加載速度
頁(yè)面代碼的優(yōu)化對(duì)于頁(yè)面加載速度也有不小的影響，最廣為人知的：
HTML頭部的JavaScript和寫在HTML標(biāo)簽中的Style會(huì)阻塞頁(yè)面的渲染，因此CSS放在頁(yè)面頭部并使用Link方式引入，JavaScript的引入放在頁(yè)面尾。
其次還有：
1.按需加載，把統(tǒng)計(jì)、分享等 JS 在頁(yè)面 onload 后再進(jìn)行加載，可以提高訪問(wè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)求；
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序radio組件的使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
JS中關(guān)于Class類的靜態(tài)屬性和靜態(tài)方法
這篇文章主要介紹了JS中關(guān)于Class類的靜態(tài)屬性和靜態(tài)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
實(shí)現(xiàn)checkbox全選、反選、取消JavaScript小腳本異常
實(shí)現(xiàn)checkbox全選，反選，取消JavaScript小腳本的時(shí)出現(xiàn)點(diǎn)小異常，大家可以看看，以后就不要犯這個(gè)特別2的錯(cuò)誤了2014-04-04
基于js實(shí)現(xiàn)數(shù)組相鄰元素上移下移
這篇文章主要介紹了基于js實(shí)現(xiàn)數(shù)組相鄰元素上移下移,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
改善性能的最好方法之一是避免重復(fù)兩次相同的工作。因此，只要可以緩存結(jié)果供以后使用，就可以加快程序的速度。延遲加載屬性模式技術(shù)使任何屬性都可以成為緩存層以提高性能。這里說(shuō)到的延遲加載屬性模式就是利用的訪問(wèn)器屬性，將計(jì)算昂貴的操作推遲到需要時(shí)再使用2021-06-06
跟我學(xué)習(xí)JScript的Bug與內(nèi)存管理
跟我學(xué)習(xí)JScript的Bug與內(nèi)存管理，小編對(duì)JScript的Bug與內(nèi)存管理也不甚了解，所以整理了本篇文章，希望可以解決大家學(xué)習(xí)時(shí)的困擾。2015-11-11
Javascript BOM學(xué)習(xí)小結(jié)(六)
BOM：BrowserObjectModel,瀏覽器對(duì)象模型，提供JS中對(duì)瀏覽器的各種操作的對(duì)象，是JS應(yīng)用中唯一沒(méi)有相關(guān)標(biāo)準(zhǔn)的部分，這事BOM經(jīng)常出現(xiàn)問(wèn)題的所在，主要用于處理瀏覽器窗口與框架，瀏覽器特有的JS擴(kuò)展也被默認(rèn)為BOM的一部分，而各瀏覽器之間的公有對(duì)象就成了默認(rèn)的標(biāo)準(zhǔn)2015-11-11
BootStrap Table前臺(tái)和后臺(tái)分頁(yè)對(duì)JSON格式的要求
Bootstrap是一款前端非常流行的框架，其中的表格更為大家經(jīng)常使用。下面通過(guò)本文給大家介紹BootStrap Table前臺(tái)和后臺(tái)分頁(yè)對(duì)JSON格式的要求，一起看看吧2017-06-06
本文主要介紹了JS中splice添加或刪除數(shù)組元素,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12