2013-06-24 分類: 網(wǎng)站建設(shè)
最近去聽了D2 論壇,更加深刻體會到了網(wǎng)站性能對于用戶體驗的重要性。
慢500ms =Google用戶訪問量降低20%
慢400ms=Yahoo! 用戶訪問量降低5-9%>
慢100ms=Amazon銷售額降低1%
散會后,不禁想看看自己網(wǎng)站的性能如何。自從把網(wǎng)站搬家到國外,還真有點擔心。通過Google網(wǎng)站管理員工具查看網(wǎng)站性能,不禁大吃一驚:您網(wǎng)站的平均網(wǎng)頁載入時間為 20.2 秒。該站比99.7%的網(wǎng)站慢。
看來要動手優(yōu)化一下了。先在自己的Firefox 瀏覽器里安裝了網(wǎng)站性能檢測工具Google Page Speed和Yslow。首先用YSlow來檢測一下訪問網(wǎng)站首頁的大小??偣?57.3KB。
再用Google Page Speed 看看有什么可以改進的。從發(fā)現(xiàn)的問題來看,還是有不少的可以優(yōu)化的地方。
由于技術(shù)能力和時間都很有限,只能進行簡單的優(yōu)化。我做了以下一些優(yōu)化工作:
一、壓縮樣式圖片
我并沒有用什么高深的壓縮工具,只是用Fireworks CS4批量處理了圖片(沒有改變文件類型),原來網(wǎng)站的主題的所有樣式圖片有195KB, 優(yōu)化后就減少了54.94KB。而且優(yōu)化后的圖片,肉眼根本看不出區(qū)別(至少我是沒看出來)。
二、啟動gzip 壓縮
由于我使用的虛擬主機,并沒有配置服務器開啟gzip的權(quán)限。我只能依靠Wordpress 的插件 GZIP Output。首頁頁面大?。℉tml/Text)減少了18.9KB。
但是,GZIP Output 只能對于php 文件進行壓縮,對于大部頭的CSS、JS 文件都無法處理。我又下載安裝了WP CSS 和WP JS 插件想分別對CSS 和 JS 文件進行壓縮。不過,WP JS這個插件我沒搞懂怎么用,WP CSS 倒是應用成功了。網(wǎng)站主題樣式表文件從原來的23.5KB 變成了8.1KB,單就首頁來說又減少了15.4KB。
三、減少不必要的頁面元素
從頁面來看載入的js 來看,我有兩個Js是用來做網(wǎng)站訪問統(tǒng)計的。一個是google analytics,另一個是piwik。權(quán)衡利弊我去掉了piwik的統(tǒng)計代碼,首頁大小又減少了8.3KB。
另外,網(wǎng)站頁腳的有個圖片沒什么作用。我干脆給去掉了,首頁大小又減少5.66KB,。這樣做不僅可以減少頁面大小,還可以減少不必要的Http請求。
總結(jié)一下
真是不優(yōu)化不知道,一優(yōu)化嚇一跳。優(yōu)化后首頁大小從原來的257.3KB變成了154.0KB, 總優(yōu)化數(shù)值為103.3KB,比原來頁面優(yōu)化了40.15%。首頁的Http請求從原來的25個變?yōu)?2個。具體優(yōu)化明細如下:
經(jīng)過了這一番優(yōu)化,到底會對頁面載入時間產(chǎn)生什么效果呢。讓我們使用Web Page Analyzer試試看,它可以模擬用戶在不同網(wǎng)絡(luò)情況下訪問頁面載入時間。對比一下優(yōu)化前后的情況,效果還是相當不錯的。主流帶寬的用戶首頁載入時間,從20.37秒優(yōu)化到只有不到3秒。
以上的優(yōu)化工作其實不只會對首頁有優(yōu)化效果。因為整個網(wǎng)站用的是一個主題樣式,其他頁面也都得到了優(yōu)化。至于整個網(wǎng)站的優(yōu)化性能,我們還用文章開頭用的Google網(wǎng)站管理員工具來檢驗一下。到了一月份再通過它查看網(wǎng)站性能,終于,得到了滿意的結(jié)果?!?/p>
標題名稱:讓網(wǎng)站訪問速度更快的方法
文章地址:http://jinyejixie.com/news/15767.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、軟件開發(fā)、網(wǎng)頁設(shè)計公司、企業(yè)建站、App開發(fā)、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容