這一原則也適用于一個網站，即使你有豐富而有價值的內容，但顧客很長一段時間都進不去，他們也會慢慢失去耐心。

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

CDN（內容分發網絡）部署在主要運營商的機房內。當用戶通過瀏覽器要求資源時，可以直接反饋給用戶，大大降低了服務器數據中心的壓力。本質上，CDN也是緩存。如果你的位置靠近CDN節點，那么網站響應速度也很明顯。CDN緩存資源主要是靜態資源，如靜態頁面、圖片、CSS和JS文件。CDN對于一些覆蓋面廣的網站來說，加速是最有效的。比如阿里云CDN產品節點280多個，運營商覆蓋面全面。

加載時間和網頁HTTP請求密切相關，外部資源的加載速度與主機服務提供商的服務器架構和分銷位置有關。我們可以檢查網站上的冗余圖片CSS、JavaScript并逐一改進和減少一些組件HTTP請求。

顧名思義，預訪問是為了改善用戶的瀏覽體驗，才能獲得一些必要的數據和資源。預訪問主要有三種方式：鏈路預收集DNS預收集和預渲染。根據您想要使用的預先形式，您只需將以下標記添加到網站的鏈接屬性中：rel=prefetch、rel=DNSprefetch或rel=prerender。

做好前端網頁優化，讓你的網站瀏覽量爆滿

壓縮HTML、CSS和JavaScript

編寫代碼時，會有一些額外的空間，占用字節。使用一些壓縮工具可以有效地解決這個問題。值得注意的是，文件壓縮后，可讀性會變差，未來的維護會變得困難。

高清高清晰度的圖像大約有幾兆字節，我們通常不需要這樣的圖像質量。一般來說，我們會選擇保存高質量的圖片，這可以有效地降低圖片加載的壓力。JPEG和圖像一樣，它包含時間、地點、相機型號格式，更不用說我們需要什么了。

客戶端無法緩存Post請求。每個請求都需要發送到服務器進行處理，每次返回一個狀態碼200。(可以在服務器端緩存數據以提高處理速度)

Get請求可以(默認)緩存在客戶機上。除非指定不同的地址，否則有相同的地址AJAX請求不會在服務器上重復執行，而是返回304。因此，在發布中Ajax請求時，可選擇盡可能多地使用get方法是利用客戶機的緩存來提高請求速度。