？你有沒(méi)有發(fā)現(xiàn)有些網(wǎng)站的下載速度很慢（除了你自己的網(wǎng)站：）。雖然功能非常簡(jiǎn)單，沒(méi)有圖片，但在PC機(jī)上運(yùn)行速度很慢，更不用說(shuō)手機(jī)的移動(dòng)終端了。完全無(wú)法忍受。但是，如果網(wǎng)頁(yè)打開超過(guò)4秒，用戶將直接關(guān)閉網(wǎng)頁(yè)。

如何快速判斷一個(gè)網(wǎng)站是否是一團(tuán)糟？

但一些大的站點(diǎn)，比如網(wǎng)易搜狐，雖然信息量巨大，圖片巨大，但加載速度巨大，基本上都是ms級(jí)的，為什么別人這么快？

如果有這些問(wèn)題，你能看看周圍嗎？

1圖片不壓縮，不使用CDN：如果你看到一個(gè)網(wǎng)站有超過(guò)n張圖片，但你既不壓縮也不使用CDN，速度肯定會(huì)減慢。

2未設(shè)置過(guò)期時(shí)間：如果未設(shè)置過(guò)期時(shí)間，則瀏覽器不會(huì)緩存靜態(tài)資源，并且每次都會(huì)再次將這些資源拉到服務(wù)器上。

如果不合并的話，會(huì)浪費(fèi)大量的資源。

使用Yslow，您可以立即發(fā)現(xiàn)該網(wǎng)站是否是一塊“石”。Yslow是一個(gè)插件，可以從chrome和Firefox下載，

瀏覽器輸入地址，然后點(diǎn)擊測(cè)試，就可以測(cè)試網(wǎng)站了，這是大站的傳奇，請(qǐng)看，

1太多HTTP請(qǐng)求（makeviewer httprequest）

2未使用的內(nèi)容交付網(wǎng)絡(luò)（CDN）

CDN（contentdistributionnetwork）是通過(guò)在整個(gè)網(wǎng)絡(luò)中放置節(jié)點(diǎn)服務(wù)器，然后當(dāng)您請(qǐng)求一個(gè)資源時(shí)，虛擬網(wǎng)絡(luò)會(huì)將近的資源分配給您。網(wǎng)絡(luò)中浪費(fèi)的流量是圖像資源，圖像資源可以小到10K以上100K以上，因此，如果圖像質(zhì)量好，CDN將極大地影響加載速度。國(guó)內(nèi)常用的cdn包括阿里云、qiniu等。在這里我們可以推薦您使用qiniu，因?yàn)樵诹髁苛啃〉那闆r下，它是完全免費(fèi)的。

三、添加過(guò)期頭

瀏覽器中會(huì)有一個(gè)過(guò)期時(shí)間，由cache-control標(biāo)頭和expires標(biāo)頭控制。例如，如果我將其設(shè)置為3天，則當(dāng)您在3天內(nèi)訪問(wèn)靜態(tài)網(wǎng)站時(shí)，您將從瀏覽器緩存中獲取數(shù)據(jù)。如果不設(shè)置緩存控制，則每次都會(huì)從服務(wù)器獲取數(shù)據(jù)。

眾所周知，JavaScript文件必須放在HTML文件的末尾。原因在于瀏覽器的加載原理。瀏覽器中有一個(gè)“初次屏幕時(shí)間”。所謂***屏?xí)r間就是網(wǎng)頁(yè)***次顯示的時(shí)間。請(qǐng)注意，此時(shí)不是網(wǎng)頁(yè)完全加載的時(shí)間。因?yàn)闉g覽器是線性加載，所以只有在加載了所有HTML元素之后才會(huì)顯示它。如果把JS放在前面，所有JS代碼都必須加載，這將極大地影響加載速度。

眾所周知，gzip可以壓縮服務(wù)器端的靜態(tài)資源。只要在服務(wù)器上設(shè)置，壓縮后靜態(tài)資源將至少減少30%。

如何優(yōu)化好一個(gè)網(wǎng)站？無(wú)論如何，圖像仍然會(huì)影響網(wǎng)頁(yè)的加載速度。例如，如果全部10個(gè)圖像都已加載，則可能需要10秒。但是，如果首頁(yè)上只有2張圖片，并且只顯示2張圖片，則需要2秒鐘。有許多現(xiàn)成的延遲加載組件。在GitHub上搜索mlazy。

如何優(yōu)化好一個(gè)網(wǎng)站？這是實(shí)用的六種方法，常用的優(yōu)化方式是雅虎的35條軍規(guī)，你可以自己搜索