對于一個網站來說，這個原則也是适用(yòng)的，即使你有(yǒu)豐富而有(yǒu)價值的内容，但是顧客半天都進不來，他(tā)們會慢慢失去耐心。

尤其是在這個信息爆炸的時代，人們的節奏總是很(hěn)快。畢竟，網站的耐心是有(yǒu)限的。如果不優化網站，會造成相當數量的客戶流失，帶來不必要的損失。那麽，優化web前端性能(néng)的常用(yòng)和實用(yòng)方法有(yǒu)哪些呢(ne)？

CDN（内容分(fēn)發網絡）部署在各大運營商(shāng)的機房内。當用(yòng)戶通過浏覽器請求資源時，可(kě)以直接反饋給用(yòng)戶，大大減輕了服務(wù)器數據中(zhōng)心的壓力。本質(zhì)上，CDN也是一種緩存。如果您的位置靠近CDN節點，那麽網站響應速度也非常明顯。另外，CDN緩存的資源主要是靜态資源，比如靜态頁(yè)面、圖片、CSS和JS文(wén)件。CDN加速對于一些覆蓋範圍廣的網站是最有(yǒu)效的。比如阿裏雲CDN産(chǎn)品有(yǒu)280多(duō)個節點，運營商(shāng)覆蓋範圍比較全面。

網頁(yè)的加載時間與HTTP請求密切相關，而外部資源的加載速度則與主機服務(wù)提供商(shāng)服務(wù)器架構和分(fēn)發位置有(yǒu)關。我們可(kě)以通過檢查網站上的冗餘圖片、CSS、JavaScript和一些組件，并逐一改進來減少一些HTTP請求。

顧名(míng)思義，預訪問就是在獲得一些必要的數據和資源之前，真正需要請求，以改善用(yòng)戶的浏覽體(tǐ)驗。預訪問主要有(yǒu)三種方式：鏈路預采集、DNS預采集和預渲染。根據您想要使用(yòng)的預取形式，您隻需将以下标記添加到站點的鏈接屬性：rel=prefetch、rel=DNS prefetch或rel=prerender。

壓縮HTML、CSS和JavaScript

在編寫代碼時，會有(yǒu)一些額外的空間，這将占用(yòng)字節。使用(yòng)一些壓縮工(gōng)具(jù)可(kě)以有(yǒu)效地解決這個問題。值得注意的是，文(wén)件壓縮後，可(kě)讀性會變差，以後的維護也會變得困難。

一個高清晰度的圖像大約有(yǒu)幾兆字節，而且很(hěn)多(duō)時候我們并不需要這樣的圖像質(zhì)量。一般情況下，我們會選擇保存為(wèi)高質(zhì)量的圖片，這樣可(kě)以有(yǒu)效降低圖片加載的壓力。像JPEG圖像一樣，它包含時間、地點、相機型号格式，更不用(yòng)說我們需要什麽了。

無法在客戶端中(zhōng)緩存Post請求。每個請求都需要發送到服務(wù)器進行處理(lǐ)，每次都會返回一個狀态碼200。（可(kě)以在服務(wù)器端緩存數據以提高處理(lǐ)速度）

Get請求可(kě)以（默認情況下）緩存在客戶機上。除非指定了不同的地址，否則具(jù)有(yǒu)相同地址的AJAX請求将不會在服務(wù)器上重複執行，而是返回304。因此，在發出Ajax請求時，可(kě)以選擇盡可(kě)能(néng)多(duō)地使用(yòng)get方法，這樣就可(kě)以使用(yòng)客戶機的緩存來提高請求速度。