提高網(wǎng)站打開速度的7大秘籍
很多站長使用虛擬主機來做網(wǎng)站,網(wǎng)頁內(nèi)容一旦很多,網(wǎng)站打開速度就會特別慢,如果說服務(wù)器、帶寬、CDN這類硬指標我們沒有經(jīng)濟實力去做,不妨通過網(wǎng)頁代碼優(yōu)化的方式來提高速度,盧松松總結(jié)了一些可行性的方法。
1: 縮小Javascript和CSS文件
如果你的網(wǎng)站大約有50-60%的用戶是一次訪客,那么這些人會下載Javascript和CSS,如果這些文件很大瀏覽器會下載很長時間。
使用壓縮工具可以減少Javascript和CSS盡一半的文件大小,如果你有信心使用“命令行”我強烈推薦使用雅虎的YUI壓縮,至少能提高40%到60%的壓縮率,如果你是在不懂可以用站長之家的CSSJS壓縮工具。
2:減少HTTP請求
瀏覽器會花費80%的時間獲取外部元件,包括腳本、樣式表、圖像等,只有20%的時間用來加載內(nèi)容,每個網(wǎng)站都會有許多HTTP請求,由于只有2個HTTP請求可以在同一時間傳送,所以請求一旦過多就會造成延遲。
提高網(wǎng)站打開速度的7大秘籍 SEO推廣
通過Yslow可以看出我博客的HTTP請求數(shù),可以看到JS、CSS和CSS引用的圖片文件過多,導(dǎo)致HTTP請求過多。
3:緩存圖片、CSS和Javascript
每當(dāng)一個新用戶訪問你的網(wǎng)站,圖片、CSS和Javascript應(yīng)該在其瀏覽器緩存,這樣他們下一次訪問就特別快。
絕大多數(shù)windows主機已經(jīng)默認啟用了,只需要在控制面板中設(shè)定過期時間和文件類型那個就可以了,我建議圖片、CSS和Javascript時間可設(shè)置為一個月。而對于Apache Web服務(wù)器,使用mod_cache模塊開啟緩存。:
4:合并CSS引用圖片
如圖一所示,很多網(wǎng)站的圖片都是切成小塊的,這樣下來就會有大量CSS引用圖片,如盧松松博客的CSS就引用了14張圖片,cssimages也是影響網(wǎng)站速度的一種重要因素。
如果我們把CSS圖片合并成一個,14個HTTP請求變成1個,想想會是什么效果?它的原理就是通過CSS坐標的方式取得圖片徑路,每個CSS標簽引用不同坐標就會得到不同圖片。我們看到很多網(wǎng)站的CSS圖片只有一張,用的就是這個原理。
不懂也沒有關(guān)系,CSS圖片合并生成器這個網(wǎng)站能幫助你合并CSS圖片,并且能得到相應(yīng)代碼。
5:只加載<head>部分的基本腳本
這個簡單,不花時間,點擊自己網(wǎng)站右鍵“查看源文件”找到<head>與</head>之間的區(qū)域,看看那些不重要好的JS文件,把它仍到頁面底部,也就是讓它后加載?;蛘咧苯觿h除。
例如盧松松博客引用的jiathis(社會化分享按鈕)和util.js(回頂部、寫評論快捷標簽),讓它后加載,這樣能提升內(nèi)容打開速度,而且它們也不太重要。
6:對圖像進行壓縮
除非你加載視頻,那么影響網(wǎng)站速度罪魁禍首應(yīng)該就是圖片了,如果是jpeg、png圖片,保證不失品質(zhì)的前提下,讓他們盡量壓縮,F(xiàn)ireworks軟件“導(dǎo)出向?qū)?rdquo;功能,它提供了一個很好的方式來預(yù)覽保存的圖像,讓圖片大小與質(zhì)量之間平衡,大多數(shù)其他圖像編輯軟件都有類似的功能。
例如我的每篇博文配圖都用了“導(dǎo)出向?qū)?rdquo;功能,我盡量把圖片都壓縮在30K以內(nèi),在一定程度上加快了瀏覽速度,但也有部分圖片失真,看不清楚。
7:開啟gzip模塊
gzip壓縮是非常流行的一種數(shù)據(jù)壓縮格式,一般網(wǎng)站啟用gzip后,壓縮率都會有70%-80%的提升,效果是立竿見影的。
部分虛擬主機默認有g(shù)zip功能,但大部分沒有,獨立主機、VPS一般可以設(shè)置,開啟gzip會加重服務(wù)器負擔(dān),而且要修改服務(wù)器配置,強烈建議大家開啟gzip,如果不清楚可以問問所在空間商,讓他們幫忙開啟。
猜你喜歡
聯(lián)絡(luò)方式:
電話:18905275581
郵箱:1700970777@qq.com
-
微信刷掌支付小程序上線 應(yīng)用前景待驗證
日前,微信刷掌支付小程序上線,相關(guān)服務(wù)需在刷掌設(shè)備上開通。這是繼密碼支付、指紋支付和刷臉支付等方式之后,又一新型支付方式。 業(yè)界普遍認為,隨著互聯(lián)網(wǎng)技術(shù)發(fā)展,支付方式一直在變革,支付機構(gòu)也希望通過支付方式...
-
聚焦3·15|工信部規(guī)范APP受到熱議,凈化市場仍需多方共同努力
(記者 蔣龍龍)“3·15”國際消費者權(quán)益日來臨前夕,為鞏固治理成效,營造共同維護消費者權(quán)益的良好環(huán)境,工信部開展APP侵害用戶權(quán)益整治“回頭看”,組織第三方檢測機構(gòu)對前期...
-
企業(yè)新站做網(wǎng)絡(luò)優(yōu)化如何比同行老站好?
想要做好網(wǎng)站優(yōu)化關(guān)鍵詞排名,首先要診斷現(xiàn)在完全處于一個什么狀態(tài),然后我們在考慮如何去優(yōu)化它?所以,前期我們要對網(wǎng)站做出一個階段的判斷,首先簡單定位一下,可以分為3個階段,如初期、中期、后期,只有先把網(wǎng)站對號入座,然后在進一步開始&quo...
-
如何規(guī)劃網(wǎng)站的主體內(nèi)容
1、明確網(wǎng)站的目標和定位 在開始規(guī)劃網(wǎng)站主體內(nèi)容之前,首先要明確網(wǎng)站的目標和定位。這包括了解企業(yè)的核心競爭力、目標用戶群體、市場定位等,以便為網(wǎng)站的內(nèi)容策劃提供依據(jù)。只有明確了網(wǎng)站的目標和定位,才能使網(wǎng)站的內(nèi)容更有針對性,更能滿足...
-
如何利用個人微信推廣公眾號
微信小程序開發(fā)在我們的個人微信里面推廣渠道主要有漂流瓶,搖一搖,附近的人,朋友圈,通訊錄。對于這幾項來說,各自的推廣方式都不一樣的。 1.漂流瓶 我們都知道,女性靠漂,男性...