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