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