Js優(yōu)化

監(jiān)控js傳輸

1 .1MB的js在不同的設(shè)備上需要的解析時(shí)間是不同的麻车。分析解析和編譯時(shí)間缀皱,對(duì)于理解應(yīng)用程序什么時(shí)候做好交互準(zhǔn)備至關(guān)重要,這些時(shí)間因用戶的設(shè)備的硬件能力而異动猬,高端的設(shè)備解析和編譯的時(shí)間很容易在低端手機(jī)上高出2-5倍
2 .實(shí)施代碼分割:如果有可能啤斗,只提供用戶需要的資源。webpack.
3 .頁面通用功能(焦點(diǎn)圖赁咙,圖片滾動(dòng)钮莲,文字滾動(dòng)),使用靜態(tài)域名下全站統(tǒng)一的js文件
4 .任何js功能要求都可以做到延遲加載彼水,避免阻塞頁面
5 .超過10k的js代碼使用外聯(lián)文件
6 .不要再首頁崔拥,頻道首頁,底層頁引用體積龐大的外部文件
7 .公共產(chǎn)品聽過的接口js代碼應(yīng)該注意封裝好自己的命名空間
8 .公共平臺(tái)使用規(guī)范:頁面服務(wù)器只存放文本文件凤覆,不存放圖片等媒體文件链瓦。素材服務(wù)器上存放素材文件:包括素材圖片,css文件叛赚,JS文件澡绩,mp3,flash文件俺附。圖片服務(wù)器集群主要存放內(nèi)容圖片。
9 .開發(fā)智能事件處理程序:就是事件代理啊.叫的倒是停高端的
10 .通過js預(yù)加載圖片:在空閑的時(shí)候溪掀,通過js創(chuàng)建一個(gè)不在視野內(nèi)的圖片標(biāo)簽事镣,使瀏覽器去加載相應(yīng)的圖片并緩存起來
11 .代碼執(zhí)行優(yōu)化

dom操作優(yōu)化

算法優(yōu)化

1 .避免使用for in循環(huán),除非遍歷數(shù)量未知的對(duì)象揪胃。因?yàn)樗麜?huì)同時(shí)遍歷原型屬性
2 .循環(huán)中減少循環(huán)次數(shù)以及每次循環(huán)的運(yùn)算步驟
3 .if -else:條件數(shù)較少的時(shí)候用這個(gè)璃哟,switch:條件多的時(shí)候使用
4 .盡量使用循環(huán)替代遞歸,瀏覽器一般都有最大遞歸次數(shù)限制
5 .使用更好的數(shù)據(jù)結(jié)構(gòu)
6 .控制原型鏈的深度喊递,減少對(duì)象的嵌套
7 .

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末随闪,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子骚勘,更是在濱河造成了極大的恐慌铐伴,老刑警劉巖撮奏,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異当宴,居然都是意外死亡畜吊,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門户矢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來玲献,“玉大人,你說我怎么就攤上這事梯浪“颇辏” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵挂洛,是天一觀的道長延窜。 經(jīng)常有香客問我,道長抹锄,這世上最難降的妖魔是什么逆瑞? 我笑而不...
    開封第一講書人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮伙单,結(jié)果婚禮上获高,老公的妹妹穿的比我還像新娘。我一直安慰自己吻育,他們只是感情好念秧,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著布疼,像睡著了一般摊趾。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上游两,一...
    開封第一講書人閱讀 49,772評(píng)論 1 290
  • 那天砾层,我揣著相機(jī)與錄音,去河邊找鬼贱案。 笑死肛炮,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的宝踪。 我是一名探鬼主播侨糟,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼瘩燥!你這毒婦竟也來了秕重?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤厉膀,失蹤者是張志新(化名)和其女友劉穎溶耘,沒想到半個(gè)月后二拐,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡汰具,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年卓鹿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片留荔。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡吟孙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出聚蝶,到底是詐尸還是另有隱情杰妓,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布碘勉,位于F島的核電站巷挥,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏验靡。R本人自食惡果不足惜倍宾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望胜嗓。 院中可真熱鬧高职,春花似錦、人聲如沸辞州。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽变过。三九已至埃元,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間媚狰,已是汗流浹背岛杀。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留哈雏,地道東北人楞件。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像裳瘪,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子罪针,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 簡(jiǎn)單優(yōu)化 v-pre 用來跳過對(duì) Mustache { ... } 標(biāo)簽的編譯彭羹。跳過大量沒有指令的節(jié)點(diǎn)會(huì)加快編譯。...
    KimYYX閱讀 91評(píng)論 0 0
  • 前言:在昨天的學(xué)習(xí)中泪酱,聽老師介紹了createDocumentFragment()這個(gè)方法派殷,好吧还最,我承認(rèn)昨天是我第...
    Ghj_小樹閱讀 7,131評(píng)論 0 0
  • 避免全局查找 在一個(gè)函數(shù)中會(huì)用到全局對(duì)象存儲(chǔ)為局部變量來減少全局查找,因?yàn)樵L問局部變量的速度要比訪問全局變量的速度...
    神奇大葉子閱讀 156評(píng)論 0 0
  • 同是出生在一個(gè)城市毡惜,同是一樣的學(xué)歷拓轻,同樣的年齡,同一個(gè)行業(yè)经伙,每個(gè)人的世界觀扶叉、價(jià)值觀卻千差萬別。所以帕膜,朋友的圈子不一...
    丫丫記記閱讀 162評(píng)論 0 0
  • 基本版的自我介紹枣氧,適用于各種場(chǎng)合,氛圍輕松 結(jié)構(gòu)可分為: 開場(chǎng)白 基本信息垮刹、畢業(yè)院校 家鄉(xiāng)美 家庭關(guān)系 興趣愛好 ...
    微雨舊時(shí)歌丶閱讀 360評(píng)論 0 1