這一原則也適用于一個(gè)網(wǎng)站，即使你有豐富而有價(jià)值的內(nèi)容，但顧客很長(zhǎng)一段時(shí)間都進(jìn)不去，他們也會(huì)慢慢失去耐心。

尤其是在這個(gè)信息爆炸的時(shí)代，人們的節(jié)奏總是很快。畢竟，網(wǎng)站的耐心是有限的。如果不優(yōu)化網(wǎng)站，會(huì)造成相當(dāng)數(shù)量的客戶流失，帶來不必要的損失。那么，優(yōu)化web常用和實(shí)用的前端性能方法有哪些？

CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）部署在主要運(yùn)營(yíng)商的機(jī)房?jī)?nèi)。當(dāng)用戶通過瀏覽器要求資源時(shí)，可以直接反饋給用戶，大大降低了服務(wù)器數(shù)據(jù)中心的壓力。本質(zhì)上，CDN也是緩存。如果你的位置靠近CDN節(jié)點(diǎn)，那么網(wǎng)站響應(yīng)速度也很明顯。CDN緩存資源主要是靜態(tài)資源，如靜態(tài)頁面、圖片、CSS和JS文件。CDN對(duì)于一些覆蓋面廣的網(wǎng)站來說，加速是最有效的。比如阿里云CDN產(chǎn)品節(jié)點(diǎn)280多個(gè)，運(yùn)營(yíng)商覆蓋面全面。

加載時(shí)間和網(wǎng)頁HTTP請(qǐng)求密切相關(guān)，外部資源的加載速度與主機(jī)服務(wù)提供商的服務(wù)器架構(gòu)和分銷位置有關(guān)。我們可以檢查網(wǎng)站上的冗余圖片CSS、JavaScript并逐一改進(jìn)和減少一些組件HTTP請(qǐng)求。

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

做好前端網(wǎng)頁優(yōu)化，讓你的網(wǎng)站瀏覽量爆滿

壓縮HTML、CSS和JavaScript

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

高清高清晰度的圖像大約有幾兆字節(jié)，我們通常不需要這樣的圖像質(zhì)量。一般來說，我們會(huì)選擇保存高質(zhì)量的圖片，這可以有效地降低圖片加載的壓力。JPEG和圖像一樣，它包含時(shí)間、地點(diǎn)、相機(jī)型號(hào)格式，更不用說我們需要什么了。

客戶端無法緩存Post請(qǐng)求。每個(gè)請(qǐng)求都需要發(fā)送到服務(wù)器進(jìn)行處理，每次返回一個(gè)狀態(tài)碼200。(可以在服務(wù)器端緩存數(shù)據(jù)以提高處理速度)

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