很多人都以為，搜索引擎只是開個數(shù)據(jù)庫、搜索框一開就能接收大把大把廣告費(fèi)的存在。其實，當(dāng)每次有人要訪問你的網(wǎng)站時，瀏覽器都不能閑著，網(wǎng)站上面的資源文件都得由它向服務(wù)器一次次請求得來，最終才能展示出完整的網(wǎng)頁。瀏覽器的這些請求，直接影響著網(wǎng)站的響應(yīng)速度，那么用戶體驗也就受到波及。通常來說，更少的HTTP請求，往往意味著更快的響應(yīng)速度，這也就是前端性能優(yōu)化的重要一環(huán)。

減少HTTP請求

HTTP請求也就是客戶端向服務(wù)器端發(fā)送請求信息，每次的HTTP請求都需要建立通信鏈路才能進(jìn)行數(shù)據(jù)傳輸，而減少HTTP請求能夠有效提高網(wǎng)站的訪問性能，網(wǎng)頁加載速度也就隨之優(yōu)化。一來一回肯定消耗比較大，減少HTTP請求的主要方法，就是將瀏覽器需要請求訪問的資源壓縮合并起來，這樣，瀏覽器就只需要進(jìn)行一次的訪問。

利用瀏覽器緩存

一個網(wǎng)站，在瀏覽過后，網(wǎng)站的資源副本會緩存在服務(wù)器和瀏覽器之間，并在下次瀏覽器再次請求過程中使用。所以，瀏覽器對于網(wǎng)站中的css、js等資源文件更新的頻率會比較低，但是這些資源在每次的請求過程中都是需要的，但是倘若這些資源文件緩存在瀏覽器中，這將能加大地降低網(wǎng)站的耗能，改善網(wǎng)站加載性能。

使用延遲加載方法

延遲加載確實是一個很獨(dú)特的數(shù)據(jù)獲取方法，在用戶滾動頁面時，自動獲取更多的數(shù)據(jù)。例如一個商城型網(wǎng)站，網(wǎng)頁包含很多的圖片，需要加載的圖片很多，那么很多用戶在同時瀏覽時，服務(wù)器的壓力就會很大。但是使用延遲加載方法，優(yōu)先加載頁面可視區(qū)域的圖片內(nèi)容，這樣，大大提高網(wǎng)站的加載性能，減輕服務(wù)器壓力，提高用戶體驗。

CSS Sprites

CSS Sprites也稱為css精靈，也就是我們常說的雪碧圖，屬于一種圖片處理方式。大概就是將網(wǎng)站中所設(shè)計的一些零星的圖片放置在同一張大圖中，到時候直接使用背景定位background-position屬性來確定所需要的圖片。這樣能夠有效減少HTTP請求，降低了圖片的下載量。

使用CDN加速

按照網(wǎng)站的需求使用CDN加速，如果你的網(wǎng)站訪客大多是在國外，那么最好可以選在CDN加速，因為這樣能夠優(yōu)先提高網(wǎng)站的訪問速度，然若，你的訪客屬于本地訪客，那么是否則不需要CDN加速。CDN能是內(nèi)容分發(fā)網(wǎng)絡(luò)，使用戶能夠就近獲取到所需要的查詢內(nèi)容，降低在網(wǎng)絡(luò)訪問時的阻塞，提高用戶訪問響應(yīng)和命中率。

歸納

網(wǎng)站的前端性能優(yōu)化，直接影響著網(wǎng)站的響應(yīng)速度，進(jìn)而也對網(wǎng)站訪客的用戶體驗產(chǎn)生影響。前端性能優(yōu)化中，起著關(guān)鍵作用的便是減少HTTP請求，如果HTTP請求很多，不合并的話，網(wǎng)站在加載過程中將會耗費(fèi)大量的時間在發(fā)送和圖片請求上。學(xué)會這幾招，那你的前端性能優(yōu)化便足夠了。