成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

優化網頁提高網站打開速度的7個技巧

2011-09-02 11:26:27來源:盧松松博客作者:

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

很多站長使用虛擬主機來做網站,網頁內容一旦很多,網站打開速度就會特別慢,如果說服務器、帶寬、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文件,把它仍到頁面底部,也就是讓它最后加載;蛘咧苯觿h除。

例如本站引用的jiathis(社會化分享按鈕)和util.js(回頂部、寫評論快捷標簽),讓它最后加載,這樣能提升內容打開速度,而且它們也不太重要。

6:對圖像進行壓縮

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

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

7:開啟gzip模塊

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

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

原文地址:http://lusongsong.com/reed/360.html
關鍵詞:優化網頁速度

贊助商鏈接:

主站蜘蛛池模板: 府谷县| 乐陵市| 宜阳县| 云浮市| 六安市| 基隆市| 齐齐哈尔市| 林州市| 丰县| 阳新县| 小金县| 遂平县| 大兴区| 西吉县| 茌平县| 孟连| 石泉县| 涪陵区| 昌吉市| 文昌市| 五台县| 防城港市| 抚顺县| 大竹县| 遂宁市| 安龙县| 紫阳县| 岗巴县| 南郑县| 长白| 乌什县| 化州市| 巢湖市| 海南省| 确山县| 平利县| 凤山市| 牙克石市| 大姚县| 搜索| 临汾市|