更快速將你的頁面展示給用戶[前端優(yōu)化篇]

現(xiàn)在許多公司往往注重后端優(yōu)化,而忽略了前端優(yōu)化

想想如果辛苦優(yōu)化了服務(wù)器,后臺,排查了sql
卻在最后頁面加載展示的時候很慢,也得不償失

其實,前后臺優(yōu)化都是相輔相成的
后臺優(yōu)化好了,響應(yīng)請求速度快,前臺展示的更迅速
前臺優(yōu)化了不必要的請求,后臺壓力也會更小

一直想靜下心來寫一篇博文,
無奈心浮氣躁,不得安定,斷斷續(xù)續(xù)一直寫到今天....
那么現(xiàn)在就來和大家分享一下我的前端優(yōu)化經(jīng)驗吧

 

大綱:

請求優(yōu)化

圖片延遲加載

ajax局部加載數(shù)據(jù)

預(yù)加載

資源優(yōu)化

資源壓縮(uglify-js,clean-css)

資源合并

圖片合并csssprite

iconfont

引用優(yōu)化

單獨域名存放資源

緩存

Cache-Control緩存策略

離線存儲

本地存儲localStorage

其它的

css3替換js動畫

替換flash

網(wǎng)友評論