如何優(yōu)化好一個網(wǎng)站?你有沒有發(fā)現(xiàn)有些網(wǎng)站的下載速度很慢(除了你自己的網(wǎng)站:)。雖然功能非常簡單,沒有圖片,但在PC機上運行速度很慢,更不用說手機的移動終端了。完全無法忍受。但是,如果網(wǎng)頁打開超過4秒,用戶將直接關(guān)閉網(wǎng)頁。
如何快速判斷一個網(wǎng)站是否是一團糟?
但一些大的站點,比如網(wǎng)易搜狐,雖然信息量巨大,圖片巨大,但加載速度巨大,基本上都是ms級的,為什么別人這么快?
如果有這些問題,你能看看周圍嗎?
1圖片不壓縮,不使用CDN:如果你看到一個網(wǎng)站有超過n張圖片,但你既不壓縮也不使用CDN,速度肯定會減慢。
2未設(shè)置過期時間:如果未設(shè)置過期時間,則瀏覽器不會緩存靜態(tài)資源,并且每次都會再次將這些資源拉到服務(wù)器上。
如果不合并的話,會浪費大量的資源。
使用Yslow,您可以立即發(fā)現(xiàn)該網(wǎng)站是否是一塊“石”。Yslow是一個插件,可以從chrome和Firefox下載,
瀏覽器輸入地址,然后點擊測試,就可以測試網(wǎng)站了,這是大站的傳奇,請看,
1太多HTTP請求(makeviewerhttprequest)
2未使用的內(nèi)容交付網(wǎng)絡(luò)(CDN)
CDN(contentdistributionnetwork)是通過在整個網(wǎng)絡(luò)中放置節(jié)點服務(wù)器,然后當(dāng)您請求一個資源時,虛擬網(wǎng)絡(luò)會將近的資源分配給您。網(wǎng)絡(luò)中浪費的流量是圖像資源,圖像資源可以小到10K以上100K以上,因此,如果圖像質(zhì)量好,CDN將極大地影響加載速度。國內(nèi)常用的cdn包括阿里云、qiniu等。在這里我們可以推薦您使用qiniu,因為在流量量小的情況下,它是完全免費的。
三、添加過期頭
瀏覽器中會有一個過期時間,由cache-control標(biāo)頭和expires標(biāo)頭控制。例如,如果我將其設(shè)置為3天,則當(dāng)您在3天內(nèi)訪問靜態(tài)網(wǎng)站時,您將從瀏覽器緩存中獲取數(shù)據(jù)。如果不設(shè)置緩存控制,則每次都會從服務(wù)器獲取數(shù)據(jù)。
眾所周知,JavaScript文件必須放在HTML文件的末尾。原因在于瀏覽器的加載原理。瀏覽器中有一個“初次屏幕時間”。所謂***屏?xí)r間就是網(wǎng)頁***次顯示的時間。請注意,此時不是網(wǎng)頁完全加載的時間。因為瀏覽器是線性加載,所以只有在加載了所有HTML元素之后才會顯示它。如果把JS放在前面,所有JS代碼都必須加載,這將極大地影響加載速度。
眾所周知,gzip可以壓縮服務(wù)器端的靜態(tài)資源。只要在服務(wù)器上設(shè)置,壓縮后靜態(tài)資源將至少減少30%。
如何優(yōu)化好一個網(wǎng)站?無論如何,圖像仍然會影響網(wǎng)頁的加載速度。例如,如果全部10個圖像都已加載,則可能需要10秒。但是,如果首頁上只有2張圖片,并且只顯示2張圖片,則需要2秒鐘。有許多現(xiàn)成的延遲加載組件。在GitHub上搜索mlazy。
如何優(yōu)化好一個網(wǎng)站?這是實用的六種方法,常用的優(yōu)化方式是雅虎的35條軍規(guī),你可以自己搜索