當前位置:首頁 > 建站常識 > 列表

如何提升網站加載速度的(de)7大(dà)秘籍

點擊:時(shí)間:2017/8/15關鍵詞:上海網頁設計 上海網站建設安全 網站安全維護
1: 縮小Javascript和(hé)CSS文件 如果你的(de)網站大(dà)約有50-60%的(de)用(yòng)戶是第一次訪客,那麽這(zhè)些人(rén)會下(xià)載Javascript和(hé)CSS,如果這(zhè)些文件很大(dà)浏覽器會下(xià)載很長(cháng)時(shí)間。使用(yòng)壓縮工具可(kě)以減少Javascript和(hé)CSS盡一半的(de)文件大(dà)小,如果你是在不懂(dǒng)
如何提升網站加載速度的(de)7大(dà)秘籍

1: 縮小Javascript和(hé)CSS文件

如果你的(de)網站大(dà)約有50-60%的(de)用(yòng)戶是第一次訪客,那麽這(zhè)些人(rén)會下(xià)載Javascript和(hé)CSS,如果這(zhè)些文件很大(dà)浏覽器會下(xià)載很長(cháng)時(shí)間。

使用(yòng)壓縮工具可(kě)以減少Javascript和(hé)CSS盡一半的(de)文件大(dà)小,如果你是在不懂(dǒng)可(kě)以用(yòng)站長(cháng)之家的(de)CSS\JS壓縮工具。至少能提高(gāo)40%到60%的(de)壓縮率。CSS\JS壓縮工具

2:減少HTTP請求

浏覽器會花費80%的(de)時(shí)間獲取外部元件,包括腳本、樣式表、圖像等,隻有20%的(de)時(shí)間用(yòng)來(lái)加載内容,每個(gè)網站都會有許多(duō)HTTP請求,由于隻有2個(gè)HTTP請求可(kě)以在同一時(shí)間傳送,所以請求一旦過多(duō)就會造成延遲。通(tōng)過Yslow可(kě)以看出我博客的(de)HTTP請求數,可(kě)以看到JS、CSS和(hé)CSS引用(yòng)的(de)圖片文件過多(duō),導緻HTTP請求過多(duō)。

3:緩存圖片、CSS和(hé)Javascript

每當一個(gè)新用(yòng)戶訪問你的(de)網站,圖片、CSS和(hé)Javascript應該在其浏覽器緩存,這(zhè)樣他(tā)們下(xià)一次訪問就特别快(kuài)。

絕大(dà)多(duō)數windows主機已經默認啓用(yòng)了(le),隻需要在控制面闆中設定過期時(shí)間和(hé)文件類型那個(gè)就可(kě)以了(le),我建議(yì)圖片、CSS和(hé)Javascript時(shí)間可(kě)設置爲一個(gè)月(yuè)。而對(duì)于Apache Web服務器,使用(yòng)mod_cache模塊開啓緩存。:

4:合并CSS引用(yòng)圖片

很多(duō)網站的(de)圖片都是切成小塊的(de),這(zhè)樣下(xià)來(lái)就會有大(dà)量CSS引用(yòng)圖片,如盧松松博客的(de)CSS就引用(yòng)了(le)14張圖片,cssimages也(yě)是影(yǐng)響網站速度的(de)一種重要因素。

如果我們把CSS圖片合并成一個(gè),14個(gè)HTTP請求變成1個(gè),想想會是什(shén)麽效果?它的(de)原理(lǐ)就是通(tōng)過CSS坐(zuò)标的(de)方式取得(de)圖片徑路,每個(gè)CSS标簽引用(yòng)不同坐(zuò)标就會得(de)到不同圖片。我們看到很多(duō)網站的(de)CSS圖片隻有一張,用(yòng)的(de)就是這(zhè)個(gè)原理(lǐ)。不懂(dǒng)也(yě)沒有關系,CSS圖片合并生成器這(zhè)個(gè)網站能幫助你合并CSS圖片,并且能得(de)到相應代碼。

5:隻加載<head>部分(fēn)的(de)基本腳本

這(zhè)個(gè)最簡單,不花時(shí)間,點擊自己網站右鍵“查看源文件”找到<head>與</head>之間的(de)區(qū)域,看看那些不重要好的(de)JS文件,把它仍到頁面底部,也(yě)就是讓它最後加載。或者直接删除。

6:對(duì)圖像進行壓縮

除非你加載視頻(pín),那麽影(yǐng)響網站速度罪魁禍首應該就是圖片了(le),如果是jpeg、png圖片,保證不失品質的(de)前提下(xià),讓他(tā)們盡量壓縮,Fireworks軟件“導出向導”功能,它提供了(le)一個(gè)很好的(de)方式來(lái)預覽保存的(de)圖像,讓圖片大(dà)小與質量之間平衡,大(dà)多(duō)數其他(tā)圖像編輯軟件都有類似的(de)功能。

7:開啓gzip模塊

gzip壓縮是非常流行的(de)一種數據壓縮格式,一般網站啓用(yòng)gzip後,壓縮率都會有70%-80%的(de)提升,效果是立竿見影(yǐng)的(de)。

部分(fēn)虛拟主機默認有gzip功能,但大(dà)部分(fēn)沒有,獨立主機、VPS一般可(kě)以設置,開啓gzip會加重服務器負擔,而且要修改服務器配置,強烈建議(yì)大(dà)家開啓gzip,如果不清楚可(kě)以問問所在空間商,讓他(tā)們幫忙開啓。

預約建站
免費提供網站優化(huà)
領取關鍵詞