前端性能優化

1、負載均衡
(1)DNS服務器實現負載均衡。缺點:無法判斷哪一個server是down機的,無法判斷每個server的負載
(2)硬件設備:負載均衡器(Load Balancer),作爲獨立的硬件置於客戶端與服務器之間。價格昂貴
(3)反向代理:Nginx服務器,反向代理是實現負載均衡的主流手段之一,當我們訪問擁有反向代理的網站時,實際訪問的是其反向代理服務器,而非真正的服務器,當請求到達反向代理服務器時,反向代理服務器再將請求轉發至服務器。

2、CDN網絡
內容分發網絡(Content Delivery Network),簡稱:CDN,通常情況下,我們所要的數據都是從主服務器中獲取,但假如我們的主服務器在南方,而訪問用戶在北方,那麼訪問速度就會相對變慢,變慢的原因有很多,例如傳輸距離,運營商,帶寬等等因素,而使用CDN技術的話,我們會將CDN節點分佈在各地,當用戶發送請求到達服務器時,服務器會根據用戶的區域信息,爲用戶分配最近的CDN服務器。
CDN簡單的來說就是存儲一些靜態文件的一臺或多臺服務器,通過複製,緩存等方式,將文件保存其中。
  (1).靜態文件
   css,html,圖片,媒體都屬於靜態文件,也就是說用戶發送的請求不會影響靜態文件的內容,而jsp,php等文件就不屬於靜態文件,因爲他們的內容會因我們的請求而發生改變。
   ( 2).CDN數據從哪裏來
  複製,緩存,CDN服務器可以在用戶請求後緩存文件,也可以主動抓取主服務器內容。

3、減少HTTP請求
(1)腳本合併:通常一個大型網站需要依賴多個JS文件。可以把多個文件合併成一個,這樣只需要引用一個
(2)CSS雪碧圖 。缺點:
① 最大的問題是內存的使用:除非非常小心的組織,否則會留下大量無用的空白。
② 影響頁面縮放功能:縮放時要避免雪碧中相鄰圖片露出來。

4、文件壓縮
包括CSS、JavaScript、圖片的壓縮。
JavaScript:
最小化:刪除註釋和空格等不必要的字符。安全、直白,文件減少21%。
混淆:刪除註釋和空格,將函數名和變量名替換成短的字符串,難於反向工程。複雜,容易產生問題,文件減少25%。
5、延遲加載圖片(Lazy Load Images)
懶加載的原理:我們先將img標籤中的src鏈接設置爲一樣的圖片(空白圖片),將真正的圖片鏈接放在自定義屬性中,如(data-src),當js監聽到圖片元素進入到可視窗口的時候,將自定義屬性中的地址存儲到src中,達到懶加載的效果。

https://www.2cto.com/kf/201604/498725.html
https://blog.csdn.net/Vivian_jay/article/details/58308434

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