網(wǎng)站的打開速度提高的方法

　　網(wǎng)站的打開速度提高的方法有哪些?服務(wù)器的響應(yīng)速度快是網(wǎng)站打開的基礎(chǔ)，訪客跳出率高多半是因?yàn)榫W(wǎng)站打開速度慢。

　　搜索引擎對(duì)網(wǎng)站的打開速度也有要求，如果過慢會(huì)降低網(wǎng)站在搜索引擎的良好印象，因此提高網(wǎng)站打開速度尤為重要。

　　小編從以下幾個(gè)角度來(lái)分析如何提高網(wǎng)站的打開速度，如有個(gè)別處不明白，請(qǐng)參考網(wǎng)站其他文章。

　　1、合理選擇服務(wù)器、線路、帶寬配置來(lái)提高網(wǎng)站打開速度

　　合理的服務(wù)器配置是網(wǎng)站打開最基本的保證，這里面由于涉及到網(wǎng)站程序、網(wǎng)絡(luò)硬件以及操作系統(tǒng)的知識(shí)，由于一些站長(zhǎng)知識(shí)面有限，不能完全想到這里面的秘密。

　　先從基本的線路來(lái)說，一般來(lái)說，國(guó)內(nèi)的線路要優(yōu)于國(guó)外的(指國(guó)內(nèi)訪問)，帶CDN分發(fā)的服務(wù)器要優(yōu)于固定線路的機(jī)房，BGP多線也優(yōu)于多線或單線;服務(wù)器接入帶寬的吞吐量和突發(fā)帶寬上限也對(duì)網(wǎng)站的訪問速度有一定的影響，帶突發(fā)的1M甚至優(yōu)于固定帶寬3M。

　　網(wǎng)站服務(wù)器配置也要合理，不合理即是浪費(fèi)也是降低打開速度。

　　一般說來(lái)，需要數(shù)據(jù)處理要求較的要以CPU為重，保證處理，這種情況一般見于動(dòng)態(tài)網(wǎng)站或線上辦公系統(tǒng)等，要選擇數(shù)據(jù)處理型號(hào)的服務(wù)器，就是CPU要多保證足夠的處理速度;而另一種是訪問型的，以內(nèi)容為主，要求訪問量大，但數(shù)據(jù)處理不高，這種建設(shè)選擇內(nèi)存型的，多配置內(nèi)存。

　　2、合理運(yùn)用網(wǎng)站服務(wù)軟件的壓縮功能

　　一般網(wǎng)站服務(wù)器軟件都帶有壓縮功能，這一點(diǎn)我們從站長(zhǎng)工具里SEO綜合檢測(cè)就可以看出來(lái)自己的網(wǎng)站有沒有被壓縮，一般HTML、JS、CSS文件都可以進(jìn)行，從而減少網(wǎng)站頁(yè)面的體積，提高打開速度。

　　3、從網(wǎng)站代碼結(jié)構(gòu)來(lái)優(yōu)化頁(yè)面提高網(wǎng)站頁(yè)面打開速度

　　1、調(diào)用jquery等庫(kù)文件來(lái)做特效時(shí)，也應(yīng)該選擇一些較小的文件，只要滿足需要就行，而且最好擾多個(gè)JS文件合并，減少加載次數(shù)，并且將JS加載項(xiàng)放于頁(yè)面的最底部。

　　2、采用WEB標(biāo)準(zhǔn)的DIV+CSS的結(jié)構(gòu)要比表結(jié)構(gòu)更加的節(jié)省代碼，如果網(wǎng)頁(yè)很長(zhǎng)，那么通過分頁(yè)的方法，也能夠減少每一個(gè)網(wǎng)頁(yè)的大小。

　　3、CSS文件優(yōu)化,CSS做好樣式并不就意味著完事大吉，最好將CSS文件同類的進(jìn)行合并，減少代碼量。

　　4、網(wǎng)站圖片是必不可少的，那么我們需要做的事情很簡(jiǎn)單，盡可能在不失真的情況下壓縮圖片再傳至網(wǎng)頁(yè)。

　　如果網(wǎng)頁(yè)圖片過多，可以用JS合并壓縮，這樣也能減少圖片的“體積”。

　　提高網(wǎng)站響應(yīng)速度是系統(tǒng)性問題，與服務(wù)器的配置、帶寬的吞吐量、是否有CDN加速、網(wǎng)頁(yè)加載項(xiàng)、圖片的大小等都有一定的關(guān)系，而這些由于限于客觀條件又不是完全可以達(dá)到最優(yōu)。

　　因此司慧網(wǎng)絡(luò)建議站長(zhǎng)們根據(jù)實(shí)際約束盡量做到頁(yè)面響應(yīng)合理即可。

　　提高網(wǎng)站打開速度

　　1: 縮小Javascript和CSS文件

　　如果你的網(wǎng)站大約有50-60%的用戶是第一次訪客，那么這些人會(huì)下載Javascript和CSS，如果這些文件很大瀏覽器會(huì)下載很長(zhǎng)時(shí)間。

　　使用壓縮工具可以減少Javascript和CSS盡一半的文件大小，如果你有信心使用“命令行”我強(qiáng)烈推薦使用雅虎的YUI壓縮，至少能提高40%到60%的壓縮率，如果你是在不懂可以用站長(zhǎng)之家的CSS\JS壓縮工具。

　　2：減少HTTP請(qǐng)求

　　瀏覽器會(huì)花費(fèi)80%的時(shí)間獲取外部元件，包括腳本、樣式表、圖像等，只有20%的時(shí)間用來(lái)加載內(nèi)容，每個(gè)網(wǎng)站都會(huì)有許多HTTP請(qǐng)求，由于只有2個(gè)HTTP請(qǐng)求可以在同一時(shí)間傳送，所以請(qǐng)求一旦過多就會(huì)造成延遲。

　　通過Yslow可以看出我博客的HTTP請(qǐng)求數(shù)，可以看到JS、CSS和CSS引用的圖片文件過多，導(dǎo)致HTTP請(qǐng)求過多。

　　3：緩存圖片、CSS和Javascript

　　每當(dāng)一個(gè)新用戶訪問你的網(wǎng)站，圖片、CSS和Javascript應(yīng)該在其瀏覽器緩存，這樣他們下一次訪問就特別快。

　　絕大多數(shù)windows主機(jī)已經(jīng)默認(rèn)啟用了，只需要在控制面板中設(shè)定過期時(shí)間和文件類型那個(gè)就可以了，我建議圖片、CSS和Javascript時(shí)間可設(shè)置為一個(gè)月。而對(duì)于Apache Web服務(wù)器，使用mod_cache模塊開啟緩存。:

　　4：合并CSS引用圖片

　　很多網(wǎng)站的圖片都是切成小塊的，這樣下來(lái)就會(huì)有大量CSS引用圖片，cssimages也是影響網(wǎng)站速度的一種重要因素。

　　如果我們把CSS圖片合并成一個(gè)，14個(gè)HTTP請(qǐng)求變成1個(gè)，想想會(huì)是什么效果?它的原理就是通過CSS坐標(biāo)的方式取得圖片徑路，每個(gè)CSS標(biāo)簽引用不同坐標(biāo)就會(huì)得到不同圖片。我們看到很多網(wǎng)站的CSS圖片只有一張，用的就是這個(gè)原理。

　　不懂也沒有關(guān)系，CSS圖片合并生成器這個(gè)網(wǎng)站能幫助你合并CSS圖片，并且能得到相應(yīng)代碼。

　　5：只加載部分的基本腳本

　　這個(gè)最簡(jiǎn)單，不花時(shí)間，點(diǎn)擊自己網(wǎng)站右鍵“查看源文件”找到與之間的區(qū)域，看看那些不重要好的JS文件，把它仍到頁(yè)面底部，也就是讓它最后加載�；蛘咧苯觿h除。

　　例如可以引用的jiathis(社會(huì)化分享按鈕)和util.js(回頂部、寫評(píng)論快捷標(biāo)簽)，讓它最后加載，這樣能提升內(nèi)容打開速度，而且它們也不太重要。

　　6：對(duì)圖像進(jìn)行壓縮

　　除非你加載視頻，那么影響網(wǎng)站速度罪魁禍?zhǔn)讘?yīng)該就是圖片了，如果是jpeg、png圖片，保證不失品質(zhì)的前提下，讓他們盡量壓縮，F(xiàn)ireworks軟件“導(dǎo)出向?qū)?rdquo;功能，它提供了一個(gè)很好的方式來(lái)預(yù)覽保存的圖像，讓圖片大小與質(zhì)量之間平衡，大多數(shù)其他圖像編輯軟件都有類似的功能。

　　例如每篇博文配圖都用了“導(dǎo)出向?qū)?rdquo;功能，我盡量把圖片都?jí)嚎s在30K以內(nèi)，在一定程度上加快了瀏覽速度，但也有部分圖片失真，看不清楚。

　　7：開啟gzip模塊

　　gzip壓縮是非常流行的一種數(shù)據(jù)壓縮格式，一般網(wǎng)站啟用gzip后，壓縮率都會(huì)有70%-80%的提升，效果是立竿見影的。

　　部分虛擬主機(jī)默認(rèn)有g(shù)zip功能，但大部分沒有，獨(dú)立主機(jī)、VPS一般可以設(shè)置，開啟gzip會(huì)加重服務(wù)器負(fù)擔(dān)，而且要修改服務(wù)器配置，強(qiáng)烈建議大家開啟gzip，如果不清楚可以問問所在空間商，讓他們幫忙開啟。

【網(wǎng)站的打開速度提高的方法】相關(guān)文章：

最新提高閱讀速度與理解能力學(xué)習(xí)方法03-29

提升打字速度的方法06-24

怎樣迅速提高打字速度11-15

如何快速提高打字速度11-15

提高閱讀效率的方法01-07

提高學(xué)習(xí)效率的方法11-15

提高學(xué)習(xí)能力的方法12-19

提高睡眠質(zhì)量方法11-15

手機(jī)QQ打卡的打開方法11-15

提高學(xué)習(xí)效率的方法大全10-28