對于一(yī)個網站來說，這個原則也是适用的，即使你有豐富而有價值的内容，但是顧客半天都進不來，他們會慢(màn)慢(màn)失去(qù)耐心。
尤其是在這個信息爆炸的時代，人們的節奏總是很快。畢竟，網站的耐心是有限的。如果不優化網站，會造成相當數量的客戶流失，帶來不必要的損失。那麽，優化web前端性能的常用和實用方法有哪些呢？
CDN（内容分(fēn)發網絡）部署在各大(dà)運營商(shāng)的機房内。當用戶通過浏覽器請求資(zī)源時，可以直接反饋給用戶，大(dà)大(dà)減輕了服務器數據中(zhōng)心的壓力。本質上，CDN也是一(yī)種緩存。如果您的位置靠近CDN節點，那麽網站響應速度也非常明顯。另外(wài)，CDN緩存的資(zī)源主要是靜态資(zī)源，比如靜态頁面、圖片、CSS和JS文件。CDN加速對于一(yī)些覆蓋範圍廣的網站是最有效的。比如阿裏雲CDN産品有280多個節點，運營商(shāng)覆蓋範圍比較全面。
網頁的加載時間與HTTP請求密切相關，而外(wài)部資(zī)源的加載速度則與主機服務提供商(shāng)服務器架構和分(fēn)發位置有關。我(wǒ)(wǒ)們可以通過檢查網站上的冗餘圖片、CSS、JavaScript和一(yī)些組件，并逐一(yī)改進來減少一(yī)些HTTP請求。
顧名思義，預訪問就是在獲得一(yī)些必要的數據和資(zī)源之前，真正需要請求，以改善用戶的浏覽體(tǐ)驗。預訪問主要有三種方式：鏈路預采集、DNS預采集和預渲染。根據您想要使用的預取形式，您隻需将以下(xià)标記添加到站點的鏈接屬性：rel=prefetch、rel=DNS prefetch或rel=prerender。
壓縮HTML、CSS和JavaScript
在編寫代碼時，會有一(yī)些額外(wài)的空間，這将占用字節。使用一(yī)些壓縮工(gōng)具可以有效地解決這個問題。值得注意的是，文件壓縮後，可讀性會變差，以後的維護也會變得困難。
一(yī)個高清晰度的圖像大(dà)約有幾兆字節，而且很多時候我(wǒ)(wǒ)們并不需要這樣的圖像質量。一(yī)般情況下(xià)，我(wǒ)(wǒ)們會選擇保存爲高質量的圖片，這樣可以有效降低圖片加載的壓力。像JPEG圖像一(yī)樣，它包含時間、地點、相機型号格式，更不用說我(wǒ)(wǒ)們需要什麽了。
無法在客戶端中(zhōng)緩存Post請求。每個請求都需要發送到服務器進行處理，每次都會返回一(yī)個狀态碼200。（可以在服務器端緩存數據以提高處理速度）
Get請求可以（默認情況下(xià)）緩存在客戶機上。除非指定了不同的地址，否則具有相同地址的AJAX請求将不會在服務器上重複執行，而是返回304。因此，在發出Ajax請求時，可以選擇盡可能多地使用get方法，這樣就可以使用客戶機的緩存來提高請求速度。