減少http請求次數(shù)：CSS Sprites, JS顽铸、CSS源碼壓縮茁计、圖片大小控制合適；網(wǎng)頁Gzip谓松，CDN托管星压，data緩存 ，圖片服務器鬼譬。
前端模板 JS+數(shù)據(jù)娜膘，減少由于HTML標簽導致的帶寬浪費，前端用變量保存AJAX請求結果优质，每次操作本地變量竣贪，不用請求，減少請求次數(shù)
用innerHTML代替DOM操作巩螃，減少DOM操作次數(shù)演怎，優(yōu)化javascript性能。
當需要設置的樣式很多時設置className而不是直接操作style避乏。
少用全局變量爷耀、緩存DOM節(jié)點查找的結果。減少IO讀取操作拍皮。
避免使用CSS Expression（css表達式)又稱Dynamic properties(動態(tài)屬性)歹叮。
圖片預加載，將樣式表放在頂部铆帽，將腳本放在底部 加上時間戳咆耿。
參考前端優(yōu)化 9 個技巧，提高 Web 性能
前端性能優(yōu)化
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來手报，“玉大人蚯舱，你說我怎么就攤上這事⊙诟颍” “怎么了枉昏？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長揍鸟。 經(jīng)常有香客問我兄裂，道長，這世上最難降的妖魔是什么阳藻？ 我笑而不...
- 正文 為了忘掉前任晰奖，我火速辦了婚禮，結果婚禮上腥泥，老公的妹妹穿的比我還像新娘匾南。我一直安慰自己，他們只是感情好蛔外，可當我...
- 文/花漫 我一把揭開白布蛆楞。 她就那樣靜靜地躺著，像睡著了一般夹厌。 火紅的嫁衣襯著肌膚如雪豹爹。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼腻贰！你這毒婦竟也來了吁恍？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布撑毛，位于F島的核電站书聚，受9級特大地震影響，放射性物質發(fā)生泄漏藻雌。R本人自食惡果不足惜寺惫，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蹦疑。 院中可真熱鬧西雀，春花似錦、人聲如沸歉摧。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽叁温。三九已至再悼，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間膝但，已是汗流浹背冲九。 一陣腳步聲響...
推薦閱讀更多精彩內容
- AJax 優(yōu)化 緩存 Ajax 請求盡量使用GET, 僅取決于cookie數(shù)量 Cookie 優(yōu)化 減少Cooki...
- 前言 對于前端的性能話題略贮，從來都沒有斷絕過甚疟。因為這個東西沒有最好仗岖，只有更好。而且往往也是業(yè)務的繁雜程度去決定優(yōu)化程...
- 網(wǎng)站的劃分一般為二：前端和后臺讽膏。我們可以理解成后臺是用來實現(xiàn)網(wǎng)站的功能的紧帕，比如：實現(xiàn)用戶注冊，用戶能夠為文章發(fā)表評...
- 有時，走在大街上挺尾，看到拿著碗乞討的人鹅搪，偶爾也會心生羨慕。 ? 心想：如果哪天遭铺，我手腳不靈活了丽柿，腦袋轉不動了。就去買...
