提高網站開啟速度的7大秘籍

來源:互聯網
上載者:User

標籤:http   java   使用   strong   檔案   資料   for   ar   

很多站長使用虛擬機器主機來做網站,網頁內容一旦很多,網站開啟速度就會特別慢,如果說伺服器、頻寬、CDN這類硬指標我們沒有經濟實力去做,不妨通過網頁代碼最佳化的方式來提高速度,盧鬆鬆總結了一些可行性的方法。

1: 縮小Javascript和CSS檔案

如果你的網站大約有50-60%的使用者是第一次訪客,那麼這些人會下載Javascript和CSS,如果這些檔案很大瀏覽器會下載很長時間。

使用壓縮公用程式可以減少Javascript和CSS盡一半的檔案大小,如果你有信心使用“命令列”我強烈推薦使用雅虎的YUI壓縮,至少能提高40%到60%的壓縮率,如果你是在不懂可以用站長之家的CSS\JS壓縮公用程式。

2:減少HTTP請求

瀏覽器會花費80%的時間擷取外部元件,包括指令碼、樣式表、映像等,只有20%的時間用來載入內容,每個網站都會有許多HTTP請求,由於只有2個HTTP請求可以在同一時間傳送,所以請求一旦過多就會造成延遲。

通過Yslow可以看出我部落格的HTTP請求數,可以看到JS、CSS和CSS引用的圖片檔案過多,導致HTTP請求過多。

3:緩衝圖片、CSS和Javascript

每當一個新使用者訪問你的網站,圖片、CSS和Javascript應該在其瀏覽器緩衝,這樣他們下一次訪問就特別快。

絕大多數windows主機已經預設啟用了,只需要在控制台中設定到期時間和檔案類型那個就可以了,我建議圖片、CSS和Javascript時間可設定為一個月。而對於Apache Web伺服器,使用mod_cache模組開啟緩衝。:

4:合并CSS引用圖片

一所示,很多網站的圖片都是切成小塊的,這樣下來就會有大量CSS引用圖片,如盧鬆鬆部落格的CSS就引用了14張圖片,cssimages也是影響網站速度的一種重要因素。

如果我們把CSS圖片合并成一個,14個HTTP請求變成1個,想想會是什麼效果?它的原理就是通過CSS座標的方式取得圖片徑路,每個CSS標籤引用不同座標就會得到不同圖片。我們看到很多網站的CSS圖片只有一張,用的就是這個原理。

不懂也沒有關係,CSS圖片合并產生器這個網站能協助你合并CSS圖片,並且能得到相應代碼。

5:只載入<head>部分的基本指令碼

這個最簡單,不花時間,點擊自己網站右鍵“查看源檔案”找到<head>與</head>之間的地區,看看那些不重要好的JS檔案,把它仍到頁面底部,也就是讓它最後載入。或者直接刪除。

例如盧鬆鬆部落格引用的jiathis(社會化分享按鈕)和util.js(回頂部、寫評論快捷標籤),讓它最後載入,這樣能提升內容開啟速度,而且它們也不太重要。

6:對映像進行壓縮

除非你載入視頻,那麼影響網站速度罪魁禍首應該就是圖片了,如果是jpeg、png圖片,保證不失品質的前提下,讓他們盡量壓縮,Fireworks軟體“匯出嚮導”功能,它提供了一個很好的方式來預覽儲存的映像,讓圖片大小與品質之間平衡,大多數其他影像編輯軟體都有類似的功能。

例如我的每篇博文配圖都用了“匯出嚮導”功能,我盡量把圖片都壓縮在30K以內,在一定程度上加快了瀏覽速度,但也有部分圖片失真,看不清楚。

7:開啟gzip模組

gzip壓縮是非常流行的一種資料壓縮格式,一般網站啟用gzip後,壓縮率都會有70%-80%的提升,效果是立竿見影的。

部分虛擬機器主機預設有gzip功能,但大部分沒有,外掛式主控件、VPS一般可以設定,開啟gzip會加重伺服器負擔,而且要修改伺服器配置,強烈建議大家開啟gzip,如果不清楚可以問問所在空間商,讓他們幫忙開啟。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.