我們通常聽說網站的性能有問題。為了優化它,所有的后端開發人員都必須加班來優化代碼。所以前端程序員無事可做。有優化嗎?今天,讓我們來談談前端程序員的優化點。三個主要方面
瀏覽器訪問優化
HTTP協議是一種無狀態的應用層協議,意味著每個應用層協議HTTP所有要求都需要建立數據傳輸的通信鏈路,在服務器端,每個HTTP都需要啟動一個獨立的線程進行處理。這些通信和服務成本非常昂貴,減少HTTP要求的數量可以有效地提高訪問性能。
減少HTTP合并請求的主要方法是合并CSS、JavaScript和圖片。每次訪問所需的瀏覽器-JavaScript和CSS合并到一個文件中,這樣瀏覽器只需要一個請求。圖片也可以合并。多張圖片可以合并成一張。如果每張圖片都有不同的超鏈接,則可以使用CSS偏移響應鼠標單擊操作,結構不同url。
網站前端優化網站性能的方法分析
對于一個網站,CSS、JavaScript、logo、icon靜態資源文件的更新頻率相對較低,幾乎每個文件HTTP所有這些文件都需要請求。在瀏覽器中緩存這些文件可以大大提高性能。通過在HTTP頭中設置cachecontrol和expires的屬性,可以設置瀏覽器緩存。緩存時間可以是幾天甚至幾個月。
服務器端的文件壓縮和瀏覽器端的文件解壓縮可以有效減少通信傳輸的數據量。因此,文本文件的壓縮效率可以達到80%以上HTML、CSS和JavaScript文件啟用gzip壓縮效果更好。
CSS把它放在頁面的頂部,JS把它放在頁面的底部。下載完所有CSS之后瀏覽器會呈現整個頁面,所以優化的方法是CSS把它放在頁面的頂部,這樣瀏覽器就可以盡快下載CSS。相反,JavaScript加載瀏覽器JavaScript立即執行后,可能會阻塞整個頁面,導致頁面顯示緩慢。因此,JavaScript把它放在頁面的底部。但是,如果需要頁面分析,則需要頁面分析JavaScript,所以把它放在底部是不合適的
使用CDN加速
CDN(contentdistributionnetwork,內容分發網絡的本質仍然是緩存,數據被緩存在靠近用戶的地方,以便用戶能夠快速獲取數據。
由于CDN在網絡運營商的機房部署,網絡運營商也是最終用戶的網絡服務提供商,因此用戶要求路由到達CDN服務器。當CDN中有瀏覽器請求的資源時,它們直接從CDN返回瀏覽器,短路徑返回響應,加快用戶訪問速度,數據中心的負載壓力。
反向代理
傳統的代理服務器位于瀏覽器端,代理瀏覽器向互聯網發送HTTP反向代理服務器位于網站機房側,代理網站web服務器接收HTTP請求。
由于傳統的代理服務器可以保護瀏覽器的安全,反向代理服務器也可以保護網站的安全。Internet訪問請求必須通過代理服務器,相當于web在服務器和可能的網絡攻擊之間建立了屏障。
除了安全,代理服務器還可以通過配置緩存來加速Web請求。當用戶第一次訪問靜態內容時,靜態內容緩存在反向代理服務器上,以便當其他用戶訪問靜態內容時,可以直接從反向代理服務器返回web要求的響應速度降低web負載壓力的服務器。