前端性能優(yōu)化

一)內(nèi)容層面
1、DNS解析優(yōu)化(DNS緩存墅拭、減少DNS查找啦鸣、keep-alive、適當(dāng)?shù)闹鳈C(jī)域名)
2蝉衣、避免重定向(/還是需要的) 使用ajax 當(dāng)請(qǐng)求成功的時(shí)候 需要重定向 到另一個(gè)頁(yè)面
3括尸、切分到多個(gè)域名 頁(yè)面類:html、htm等 樣式類: js病毡、css等圖片類: jpg濒翻、png、gif等 動(dòng)態(tài)類:php啦膜、asp等
4有送、杜絕404 404錯(cuò)誤頁(yè)面

二)網(wǎng)絡(luò)傳輸階段
1、減少傳輸過程中實(shí)體的大小
1)緩存 localstorage
2)cookie優(yōu)化 以用戶的形式來緩存
3)文件壓縮(Accept-Encoding:g-zip)

2僧家、減少請(qǐng)求的次數(shù)
1)文件適當(dāng)?shù)暮喜?br> 2)雪碧圖 背景精靈圖

3雀摘、異步加載(并發(fā),requirejs)
4、預(yù)加載八拱、延后加載阵赠、按需加載 也就是懶加載

三)渲染階段
1涯塔、js放底部,css放頂部
2清蚀、減少重繪和回流 重繪 jsdom操作添加樣式 回流js改變樣式
3匕荸、合理使用Viewport 等meta頭部
4、減少dom節(jié)點(diǎn) 減少dom結(jié)構(gòu)
5轧铁、BigPipe 發(fā)送一次請(qǐng)求每聪,多次返回?cái)?shù)據(jù)

四)腳本執(zhí)行階段
1旦棉、緩存節(jié)點(diǎn)齿风,盡量減少節(jié)點(diǎn)的查找 緩存全局變量為局部變量
2、減少節(jié)點(diǎn)的操作(innerHTML) 減少dom操作
3绑洛、避免無謂的循環(huán)救斑,break、continue真屯、return的適當(dāng)使用
4脸候、事件委托

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市绑蔫,隨后出現(xiàn)的幾起案子运沦,更是在濱河造成了極大的恐慌,老刑警劉巖配深,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件携添,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡篓叶,警方通過查閱死者的電腦和手機(jī)烈掠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缸托,“玉大人左敌,你說我怎么就攤上這事±洌” “怎么了矫限?”我有些...
    開封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)佩抹。 經(jīng)常有香客問我叼风,道長(zhǎng),這世上最難降的妖魔是什么匹摇? 我笑而不...
    開封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任咬扇,我火速辦了婚禮,結(jié)果婚禮上廊勃,老公的妹妹穿的比我還像新娘懈贺。我一直安慰自己经窖,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開白布梭灿。 她就那樣靜靜地躺著画侣,像睡著了一般。 火紅的嫁衣襯著肌膚如雪堡妒。 梳的紋絲不亂的頭發(fā)上配乱,一...
    開封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音皮迟,去河邊找鬼搬泥。 笑死,一個(gè)胖子當(dāng)著我的面吹牛伏尼,可吹牛的內(nèi)容都是我干的忿檩。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼爆阶,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼燥透!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起辨图,我...
    開封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤班套,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后故河,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吱韭,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年忧勿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了杉女。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鸳吸,死狀恐怖熏挎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情晌砾,我是刑警寧澤坎拐,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站养匈,受9級(jí)特大地震影響哼勇,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜呕乎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一积担、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧猬仁,春花似錦帝璧、人聲如沸先誉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)褐耳。三九已至,卻和暖如春渴庆,著一層夾襖步出監(jiān)牢的瞬間铃芦,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工襟雷, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留刃滓,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓嗤军,卻偏偏與公主長(zhǎng)得像注盈,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子叙赚,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

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