提高網(wǎng)站打開(kāi)速度的7大秘籍
很多站長(zhǎng)使用虛擬主機(jī)來(lái)做網(wǎng)站，網(wǎng)頁(yè)內(nèi)容一旦很多，網(wǎng)站打開(kāi)速度就會(huì)特別慢，如果說(shuō)服務(wù)器、帶寬、CDN這類(lèi)硬指標(biāo)我們沒(méi)有經(jīng)濟(jì)實(shí)力去做，不妨通過(guò)網(wǎng)頁(yè)代碼優(yōu)化的方式來(lái)提高速度，盧松松總結(jié)了一些可行性的方法。
1: 縮小Javascript和CSS文件
如果你的網(wǎng)站大約有50-60%的用戶(hù)是一次訪(fǎng)客，那么這些人會(huì)下載Javascript和CSS，如果這些文件很大瀏覽器會(huì)下載很長(zhǎng)時(shí)間。
使用壓縮工具可以減少Javascript和CSS盡一半的文件大小，如果你有信心使用“命令行”我強(qiáng)烈推薦使用雅虎的YUI壓縮，至少能提高40%到60%的壓縮率，如果你是在不懂可以用站長(zhǎng)之家的CSSJS壓縮工具。
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)求一旦過(guò)多就會(huì)造成延遲。
提高網(wǎng)站打開(kāi)速度的7大秘籍 SEO推廣
通過(guò)Yslow可以看出我博客的HTTP請(qǐng)求數(shù)，可以看到JS、CSS和CSS引用的圖片文件過(guò)多，導(dǎo)致HTTP請(qǐng)求過(guò)多。
3：緩存圖片、CSS和Javascript
每當(dāng)一個(gè)新用戶(hù)訪(fǎng)問(wèn)你的網(wǎng)站，圖片、CSS和Javascript應(yīng)該在其瀏覽器緩存，這樣他們下一次訪(fǎng)問(wèn)就特別快。
絕大多數(shù)windows主機(jī)已經(jīng)默認(rèn)啟用了，只需要在控制面板中設(shè)定過(guò)期時(shí)間和文件類(lèi)型那個(gè)就可以了，我建議圖片、CSS和Javascript時(shí)間可設(shè)置為一個(gè)月。而對(duì)于Apache Web服務(wù)器，使用mod_cache模塊開(kāi)啟緩存。:
4：合并CSS引用圖片
如圖一所示，很多網(wǎng)站的圖片都是切成小塊的，這樣下來(lái)就會(huì)有大量CSS引用圖片，如盧松松博客的CSS就引用了14張圖片，cssimages也是影響網(wǎng)站速度的一種重要因素。
如果我們把CSS圖片合并成一個(gè)，14個(gè)HTTP請(qǐng)求變成1個(gè)，想想會(huì)是什么效果？它的原理就是通過(guò)CSS坐標(biāo)的方式取得圖片徑路，每個(gè)CSS標(biāo)簽引用不同坐標(biāo)就會(huì)得到不同圖片。我們看到很多網(wǎng)站的CSS圖片只有一張，用的就是這個(gè)原理。
不懂也沒(méi)有關(guān)系，CSS圖片合并生成器這個(gè)網(wǎng)站能幫助你合并CSS圖片，并且能得到相應(yīng)代碼。
5：只加載<head>部分的基本腳本
這個(gè)簡(jiǎn)單，不花時(shí)間，點(diǎn)擊自己網(wǎng)站右鍵“查看源文件”找到<head>與</head>之間的區(qū)域，看看那些不重要好的JS文件，把它仍到頁(yè)面底部，也就是讓它后加載?；蛘咧苯觿h除。
例如盧松松博客引用的jiathis（社會(huì)化分享按鈕）和util.js（回頂部、寫(xiě)評(píng)論快捷標(biāo)簽），讓它后加載，這樣能提升內(nèi)容打開(kā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ù)其他圖像編輯軟件都有類(lèi)似的功能。
例如我的每篇博文配圖都用了“導(dǎo)出向?qū)?rdquo;功能，我盡量把圖片都?jí)嚎s在30K以?xún)?nèi)，在一定程度上加快了瀏覽速度，但也有部分圖片失真，看不清楚。
7：開(kāi)啟gzip模塊
gzip壓縮是非常流行的一種數(shù)據(jù)壓縮格式，一般網(wǎng)站啟用gzip后，壓縮率都會(huì)有70%-80%的提升，效果是立竿見(jiàn)影的。
部分虛擬主機(jī)默認(rèn)有g(shù)zip功能，但大部分沒(méi)有，獨(dú)立主機(jī)、VPS一般可以設(shè)置，開(kāi)啟gzip會(huì)加重服務(wù)器負(fù)擔(dān)，而且要修改服務(wù)器配置，強(qiáng)烈建議大家開(kāi)啟gzip，如果不清楚可以問(wèn)問(wèn)所在空間商，讓他們幫忙開(kāi)啟。
猜你喜歡
-
CRM如何提高工作效率?
使用CRM軟件，如何提高工作效率? 1、盡快完成對(duì)新、老客戶(hù)資料的整理錄入和完善工作，責(zé)成相關(guān)人員限期限量完成； 2、盡快定出銷(xiāo)售部門(mén)的工作量指標(biāo)，要求業(yè)務(wù)員錄入客戶(hù)聯(lián)系記錄，并指派專(zhuān)人稽核； 3、盡快錄入企業(yè)歷年的銷(xiāo)售數(shù)據(jù)，可從近錄入期開(kāi)始...
-
企業(yè)新站做網(wǎng)絡(luò)優(yōu)化如何比同行老站好?
想要做好網(wǎng)站優(yōu)化關(guān)鍵詞排名，首先要診斷現(xiàn)在完全處于一個(gè)什么狀態(tài)，然后我們?cè)诳紤]如何去優(yōu)化它?所以，前期我們要對(duì)網(wǎng)站做出一個(gè)階段的判斷，首先簡(jiǎn)單定位一下，可以分為3個(gè)階段，如初期、中期、后期，只有先把網(wǎng)站對(duì)號(hào)入座，然后在進(jìn)一步開(kāi)始&quo...
-
微信小程序開(kāi)發(fā)定制那些功能
微信是當(dāng)下火的聊天工具之一，它已占據(jù)我們?cè)絹?lái)越多的生活時(shí)間，微信小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用。也體現(xiàn)了“用完即走&rd...
-
網(wǎng)站建設(shè)必須要知道的知識(shí)
現(xiàn)在要做一個(gè)網(wǎng)站我該了解哪些網(wǎng)站建設(shè)知識(shí)?因?yàn)楝F(xiàn)在網(wǎng)站建設(shè)市場(chǎng)太多公司，而且是魚(yú)目混珠。根本無(wú)法認(rèn)清哪家網(wǎng)站建設(shè)公司才是真正的有實(shí)力。 其實(shí)這個(gè)問(wèn)題不難，對(duì)于想做網(wǎng)站的你來(lái)說(shuō)只需要弄明...
-
手機(jī)版網(wǎng)站和電腦版網(wǎng)站的區(qū)別
手機(jī)網(wǎng)站建設(shè)隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，已經(jīng)被很多公司提上日程，但還有不少公司不太了解手機(jī)網(wǎng)站，那么手機(jī)版網(wǎng)站和電腦版網(wǎng)站的區(qū)別有那些呢？ 1、訪(fǎng)問(wèn)入口不同 用PC機(jī)上網(wǎng)的人至少...
