頁面性能優化辦法有哪些?(前端)

頁面性能優化辦法有哪些?

一、資源壓縮與合併

如何進行html壓縮:
1,使用在線網站進行壓縮(開發過程中一般不用)
2,nodejs 提供了html-minifier工具
3,後端模板引擎渲染壓縮

如何進行css壓縮:
1,使用在線網站進行壓縮(開發過程中一般不用)
2,使用html-minifier工具
3,使用clean-css對css壓縮

如何進行js的壓縮和混亂
1,使用在線網站進行壓縮(開發過程中一般不用)
2,使用html-minifier工具
3,使用uglifyjs2對js進行壓縮

二,減少http請求,合理設置緩存

1. 合併css,js文件,減少css,js重複代碼,合併圖片等都是爲了減少http請求,應爲每次http請求的代價都是非常昂過的,所以減少http請求能有效優化訪問性能。

2. 緩存能緩存得更多,緩存得更久,也是可以大大減少http請求,就優化了訪問性能。

三、減少cookie傳輸

一方面,cookie包含在每次請求和響應中,太大的cookie會嚴重影響數據傳輸,因此哪些數據需要寫入cookie需要慎重考慮,儘量減少cookie中傳輸的數據量。另一方面,對於某些靜態資源的訪問,如CSS、script等,發送cookie沒有意義,可以考慮靜態資源使用獨立域名訪問,避免請求靜態資源時發送cookie,減少cookie傳輸次數。  
  
四,js中減少DOM操作

在這裏插入代碼片避免使用eval和 Function,減少作用域鏈查找(儘量把變量設爲局部變量)。

五、CDN加速

CDN(contentdistribute network,內容分發網絡)的本質仍然是一個緩存,而且將數據緩存在離用戶最近的地方,使用戶以最快速度獲取數據。

六、反向代理

1.傳統代理服務器位於瀏覽器一側,代理瀏覽器將http請求發送到互聯網上,而反向代理服務器位於網站機房一側,代理網站web服務器接收http請求。

2 .反向代理也可以實現負載均衡的功能,而通過負載均衡構建的應用集羣可以提高系統總體處理能力,進而改善網站高併發情況下的性能。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章