午夜福利精品一区-午夜福利精品短视频在线-午夜福利精品a在线观看-午夜福利黄色视频-午夜福利国产主播露出-午夜福利国产在线观看1视频

WEB站點性能優(yōu)化實踐(加載速度提升2s)

時間:2014-11-01 來源:文率博客

WEB站點性能優(yōu)化實踐(加載速度提升2s)

      文率科技技術總監(jiān):博客中提到關于怎樣在網(wǎng)站中進行優(yōu)化,達到提高網(wǎng)站排名的效果,網(wǎng)站SEO如果只做一些表面的關鍵詞或者文章管理是遠遠不夠的,網(wǎng)站本身的質(zhì)量是怎么樣的?用戶體驗是否真的很不錯等等條件都是很重要的,百度的智能化算法都會對你網(wǎng)站的排名加以影響,天津網(wǎng)站建設——文率科技對于每個客戶的網(wǎng)站都有代碼的優(yōu)化,網(wǎng)站內(nèi)部結(jié)構(gòu)的提速等等,讓新站在排名中本身就具有一定的競爭力。

進行優(yōu)化前,關鍵是剖析當前的web性能,找到性能瓶頸,從而確定最需改進的地方;如果精力有限,首先將精力放在能明顯提升性能的改進點上;

《高性能網(wǎng)站建設指南》提出了一個性能黃金法則:

只有10%-20%的最終用戶響應時間花在了下載HTML文檔上;其余的80%-90%的時間花在了下載頁面中的所有組件上。

由于本文將實施一個完整的優(yōu)化流程,所以,我們還是從后臺開始;

案例說明:

優(yōu)化之前的網(wǎng)站規(guī)模:

2個js、一個頁頭、一個頁腳;3個css;

類型:博客類站點;后臺邏輯簡單;首頁不到10個sql查詢;

首頁html文檔52kb;

 

⑴步:后臺優(yōu)化,啟用頁面緩存;

實驗站點首頁后臺邏輯并不復雜,不超過10個Sql查詢,通過查看時間線,本站在獲取HTML文檔時,花費的時間不到總響應時間的20%,優(yōu)化之前沒有使用緩存,所有的數(shù)據(jù)都是從數(shù)據(jù)庫讀取,這里,我們使用靜態(tài)頁面緩存,將首頁整個頁面完全的存放在緩存中(關于YII靜態(tài)頁面緩存的使用,參考這里);

通過查看html文檔的生成時間來檢測優(yōu)化效果;

首字節(jié)時間為376ms;html生成的時間大大縮短,后臺時間減少了一倍。


第二步,DNS域名解析加速:

DNS解析是用戶訪問站點的⑴步,在此之前,你的網(wǎng)站無法做任何事情;

站點的DNS解析時間不應該超過500ms,如果站點原始DNS解析時間過長,就該考慮考慮使用第三方解析加速服務;

實驗站點的原始DNS解析較慢,平均耗時1017ms,算是非常長的;對于DNS加速,可以使用DNS域名解析加速服務,本站點采用的國內(nèi)的一款免費DNS加速服務DNSPOD,效果還不錯,使用后平均耗時降到370ms;

第三步:使用CDN加速;

采用第三方CDN加速,時間縮短到2.1s;從下圖中看到主要的耗時在于并行下載的個數(shù)有些低,如果能夠提升并行下載量的個數(shù),那么整體加載時間就會降低;

注:個人建議,啟用CDN較好放在最后一步,等將站點本身的優(yōu)化都做完了之后,再啟用CDN可以明顯的看到優(yōu)化效果。(開啟CDN后,由于有CDN緩存的原因,觀測站點的本身的優(yōu)化就不是很方便了);

第四步,采用多臺服務器提高并行加載量:

原理:一個瀏覽器對與同一域名的并行下載的個數(shù)默認是2個, HTTP.1.0中規(guī)定的是4個。這樣,我們可以使用不同的域名來提升下載的速度;

觀察上圖中的下載數(shù)量,⑴次并行下載的個數(shù)是4個,初始認為是瀏覽器對于同一個域名來源的下載所限導致;于是考慮將部分靜態(tài)文件分別放在不同的服務器上;通過把css和js放在不同服務器上;結(jié)果并不理想,發(fā)現(xiàn)并未提高速度。

想到在哪曾看到過,瀏覽器必須得把放在頁頭的css和js下載完成了之后才會開始下載其它的靜態(tài)組件;

關于并行下載這點上,后續(xù)將繼續(xù)實驗是否還有優(yōu)化的空間。


第五步,合并腳本和樣式表;

    本站首頁使用了2個js和3個css。如果采用樸素復制的方式,將js和css都分別整合到一個文件中,不但操作麻煩,而且不方便后期的管理。網(wǎng)絡上有不少合并的工具,本站采用了CSS和JS合并優(yōu)化工具-minify(下載地址:http://code.google.com/p/minify/)。如果使用的YII框架,更有YII整合版(minscript Extension),簡單幾步的配置,就自動將頁面所有的js和css文件合并;

關于minscript Extension的使用,請參考:https://bitbucket.org/TeamTPG/minscript/wiki/Usage

 

第六步,壓縮css/js/html/xml;

不同的web服務器設置方式有所差別,本站使用的Linux/apache,

在web根目錄下的.htaccess文件中添加以下代碼即可:

#set compress

 AddOutputFilter DEFLATE html xml php js css

通過firefox工具可看到,壓縮前,html文檔的大小是25KB;合并后的js大小為138KB;

壓縮后,html文檔大小為6.2KB。js大小為39.8KB;減少2/3的傳輸時間;



第七步,最大化的減少HTTP請求;

添加Expires頭, 啟用靜態(tài)內(nèi)容緩存,將jpg、gif等文件緩存;

方法也是在.htaccess中添加:

# Image and Flash content Caching for One Month


Header set Cache-Control “max-age=2592360″

 

 

結(jié)論

查看最終的測試結(jié)果,整體實現(xiàn)了較大的性能提升,最終頁面展現(xiàn)時間為1.62s(


聯(lián)絡方式:

中國 · 天津市河西區(qū)南京路35號亞太大廈1403室
電話:15620613686
郵編:300220

主站蜘蛛池模板: 日本成熟人妻理伦无码新片 | 麻花豆传媒剧 | 久久久久久无码免费大片 | 久久久久国产精品男人的天堂 | 成年免费a级毛片免费看无码 | 国产精品久久国产三级国电话系列 | 久久久香蕉视频 | 亚洲国产成人久久综合碰 | 国产麻豆福利av在线播放 | 亚洲国产日韩欧美一区二区三 | 精品久久久久久久一区二区伦理 | 欧美在线x视频 | 国产成人无码视频 | 国产亚洲日韩在线播放人成 | 国产精品亚洲精品久久国语 | 日韩国产自产拍av在线 | 国亚洲一厂区二厂区三厂区 | 精品人妻少妇嫩草av无码专区共享 | 日韩欧美一区二区中文字幕 | 精品丝袜中文字幕乱码 | 狠狠躁日日躁夜夜躁2024麻豆 | 亚洲免费色视频 | 无码系列精品专区 | 大陆一级毛片免费高清 | 波多野结衣家庭教师视频 | 久久国内精品自在 | 久久精品国产99久久久古代 | 看全色黄大色黄女片 | 99热久久精品国产一区二区 | 强被迫伦姧高潮无码A片漫画 | 亚洲一区二区三区国产四区 | 久久久精品一级毛片免费观看 | 亚洲欧美国产国产一区第二页 | 无码毛片视频一区二区免费播放 | 久青草国产手机视频免费观看 | 国产日韩欧美视频一区二 | 欧美精品狠狠色丁香婷婷 | 在线无码中文字幕一区 | 69毛片| 老熟妇乱子伦牲交视频 | 国产精品亚洲欧美卡通动漫 |