溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

前端性能優化方法

發布時間:2020-07-24 13:59:42 來源:網絡 閱讀:1520 作者:綠茶點心 欄目:軟件技術

1. 減少http請求數

常用的減少http請求數有以下幾種:

1)合并圖片。當圖片較多時,可以合并為一張大圖,從而減少http請求數。經常變化的圖片可能不太合適,變化相對穩定的就可以考慮。合并大圖除了能減少http 請求數外,還可以充分利用緩存來提升性能。

2)合并壓縮css樣式表和js腳本,他們的共同目的都是為了減少http連接數。

3)去掉不必要的請求。開發寫代碼或者系統升級之后殘留的無效請求連接。

4)充分利用緩存。這里說的緩存是客戶端側緩存或者說瀏覽器緩存。Expires頭信息是客戶端側緩存的重要依據,格式類似于Expires:sun ,20 Dec 2017 23:00:00 GMT。 如果當前時間小于Expires指定的時間,瀏覽器就會從緩存中直接獲取相關的數據信息或html文件,如果當前時間大于Expires指定的時間,瀏覽器會向服務器發送請求來獲取相關數據信息。

Apache為例,可在Apache的配置文件httpd.conf中設置Expires。

2. 圖片優化

優化方法:

1)盡可能的使用PNG格式的圖片,它相對來說體積較小。

2)對于不同格式的圖片,在上線之前最好進行一定的優化。

3)圖片的延遲加載,也叫做賴加載。

3. 使用CDN

CDN即內容分發網絡,可以使用戶就近取得所需內容,解決網絡擁擠的狀況,提高用戶訪問網站的響應速度。

4. 開啟GZIP

GZIP即數據壓縮,用于壓縮使用Internet傳輸的所有文本資源。開啟GZIP的方法很簡單,到對應的web服務配置文件中設置一下即可。以Apache為例,在配置文件httpd.conf中添加。

5. 樣式表和JS文件的優化

一般我們會把css樣式表文件放到文件的頭部。比如,放到<head>標簽中,這樣可以讓CSS樣式表盡早地完成下載。對應js腳本文件,一般我們把他放到頁面的尾部。

6. 使用無cookie域名

cookie域名的概念:當發送一個請求時,同時還要請求一張靜態的圖片和發送cookie時,服務器對于這些cookie不會做任何使用,也就是說這些cookie沒什么用,沒不要隨請求一同發送。

7. 前端代碼結構的優化

 


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女