提高網(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這類硬指標(biāo)我們沒(méi)有經(jīng)濟(jì)實(shí)力去做,不妨通過(guò)網(wǎng)頁(yè)代碼優(yōu)化的方式來(lái)提高速度,盧松松總結(jié)了一些可行性的方法。
1: 縮小Javascript和CSS文件
如果你的網(wǎng)站大約有50-60%的用戶是一次訪客,那么這些人會(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è)新用戶訪問(wèn)你的網(wǎng)站,圖片、CSS和Javascript應(yīng)該在其瀏覽器緩存,這樣他們下一次訪問(wèn)就特別快。
絕大多數(shù)windows主機(jī)已經(jīng)默認(rèn)啟用了,只需要在控制面板中設(shè)定過(guò)期時(shí)間和文件類型那個(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ù)其他圖像編輯軟件都有類似的功能。
例如我的每篇博文配圖都用了“導(dǎo)出向?qū)?rdquo;功能,我盡量把圖片都?jí)嚎s在30K以內(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)啟。
猜你喜歡



-
企業(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...
-
P2P危機(jī)下未來(lái)應(yīng)該如何發(fā)展
一場(chǎng)由陸金所開(kāi)始,由紅嶺創(chuàng)投接棒的喧囂,席卷了這一周的網(wǎng)貸市場(chǎng)。行業(yè)里接連兩個(gè)大佬的動(dòng)蕩,讓許多先前懷抱一絲希望的人真正感到了惶恐不安。 這些人里不僅有正常的投資人,更是包括了那些數(shù)量龐大的“羊毛黨”。 &ldqu...
-
零售CRM系統(tǒng)的簡(jiǎn)單介紹
零售crm系統(tǒng)可以清楚地了解顧客,還可以適時(shí)調(diào)整經(jīng)營(yíng)方式吸引更多具價(jià)值的客戶。采用零售CRM客戶關(guān)系管理系統(tǒng)能夠協(xié)助完善客戶的消費(fèi)信息,將客戶的基本聯(lián)系信息、購(gòu)買(mǎi)記錄等建立成檔,為后期對(duì)客戶的消費(fèi)行為進(jìn)行深入研究,預(yù)測(cè)客戶后期購(gòu)買(mǎi)行...
-
疫情之下,網(wǎng)絡(luò)推廣該如何做
隨著國(guó)際疫情的加劇,中國(guó)成為了目前全球安全的國(guó)家之一。老外的訂單暫停了、原材料供應(yīng)不上了,那么國(guó)內(nèi)的貿(mào)易競(jìng)爭(zhēng)就加劇了,畢竟每家企業(yè)都希望在疫情當(dāng)下能夠存活下來(lái)。內(nèi)貿(mào)競(jìng)爭(zhēng)加劇,企業(yè)如何處理? 1、搶先布局,如果你的企業(yè)目前還沒(méi)有開(kāi)展網(wǎng)...
-
如何分辨企業(yè)網(wǎng)站制作好不好
對(duì)顧客來(lái)說(shuō),企業(yè)的網(wǎng)站就是臉面。在互聯(lián)網(wǎng)上,企業(yè)網(wǎng)站又是非常重要的,是消費(fèi)者訪問(wèn)達(dá)到的地方,能滿足消費(fèi)者的需求。但是,在企業(yè)網(wǎng)站制作中常常會(huì)存在很多問(wèn)題,會(huì)影響到網(wǎng)站的運(yùn)營(yíng)。那么揚(yáng)州網(wǎng)站建設(shè)如何分辨企業(yè)網(wǎng)站制作好不好呢? 1、企業(yè)網(wǎng)...