建站
咨詢
售后
建站咨詢
新聞中心
【概觀】
在平房等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計、成都做網(wǎng)站 網(wǎng)站設(shè)計制作定制網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營銷推廣,外貿(mào)網(wǎng)站制作,平房網(wǎng)站建設(shè)費用合理。
什么使我們的網(wǎng)站變慢？Http 協(xié)議？通過更好的性能省錢和賺錢？性能規(guī)則
【什么使網(wǎng)站變慢】
對于大多數(shù)現(xiàn)代的網(wǎng)站，僅僅有10%-20%的響應(yīng)時間是用于生成和加載html document的。
那么，其他的時間用于加載什么呢？確切的說，如下：
css；javascript（jquery，plugin 等等）；images
讓我們使用一個工具去看看-Fiddler (http://www.fiddler2.com/fiddler2/)
首先打開fiddler，然后使用瀏覽器訪問 www.microsoft.com
這時候我們可以看到fiddler監(jiān)控到客戶端與微軟網(wǎng)站服務(wù)器之間的交互情況如下圖：
注意fiddler 右邊的選項卡，有一個timeline。載入default.asp話費了大概1s的時間。讓我們?nèi)x這些行。再去看看timeline，如下圖
這時候我們根據(jù)數(shù)據(jù)就可以證明前邊的觀點，對于某個網(wǎng)站來說，80%的時間是用于加載css/JS/image的。
【Http 協(xié)議】
對于http協(xié)議的理解是非常重要的，因為它定義了web 瀏覽器和 web 服務(wù)器如何交互。
Hypertext Transfer Protocol
對于這點來說，最重要的是text，它不是基于二進(jìn)制的協(xié)議，而是基于text的。
協(xié)議是1997年1月在 RFC(Http1.1）定義的。請求/相應(yīng) 模式?？蛻舳藶g覽器發(fā)送特定的request，服務(wù)器返回responseHeader 和body。 每個request/response 有header和body
以下是 http協(xié)議的內(nèi)容。我十分推薦你們閱讀它：http://tinyurl.com/8395lq
HttpRequest
我們使用fiddler觀察一下我們訪問微軟的httprequest。
選中***個記錄。右邊選項卡依次->Inspecotrs->Raw
我們簡單分析，
Get指明了url和http的版本。host指明了host的地址。accept-language指明了瀏覽器使用的語言。accept-Encoding指明了是否可以使用對瀏覽器到服務(wù)器之間的數(shù)據(jù)進(jìn)行壓縮。
HttpResponse
下面我們來看看剛才我們請求的響應(yīng)。
我在fiddler中選中的是第12行數(shù)據(jù)，選中右邊選項卡->Inspecotrs->Raw
Http/1/1 200 OK。是告訴大家，一切運行良好。 200是一種狀態(tài)，如果遇到問題可能會是404,500等。其他細(xì)節(jié)，大家可以自己查一下資料。
#p#
【通過更好的性能省錢和賺錢】
大家都可以明白。提升網(wǎng)站的性能，可以讓用戶更加滿意。而這也能讓我們省錢和賺錢。
省錢的辦法：使用更小的帶寬；更少的服務(wù)器數(shù)量
賺錢的辦法：增長的銷售和流量
每增加100毫秒載入Amzon.com 會減少銷售額的1%.web
-當(dāng)google maps 的主頁大小從100KB減少到70-80k時，流量在***周會增在10%，在隨后的3周會增長到25%。
-google 已經(jīng)根據(jù)你網(wǎng)站的性能去幫助決定搜索排名。
對于網(wǎng)站性能對流量和銷售產(chǎn)生的影響請參見相關(guān)文章《web性能心理學(xué)》http://www.websiteoptimization.com/speed/tweak/psychology-web-performance/
【性能規(guī)則】
減少http request
如何減少http request呢？我們根據(jù)上邊提到fiddler偵聽到的http request 得知，好多次請求是去獲取css，javascript，和image的。
首先我們先來看看一個網(wǎng)站：
它是一個普通的網(wǎng)站他可以使用jquery來彈出圖片，我們用fiddler 來試試它。
我們可以看出。他包含了一些css文件，也使用了jquery。
讓我們看看這個網(wǎng)站的另一個版本。
樣子是一模一樣的，我就不show圖了。
讓我們看看fiddler 又幫我們抓到了什么：
js和css文件都變成1個了。我們把上邊的js文件合并成1個js文件。這樣我們就減少了httprequest的次數(shù)。
發(fā)送盡可能少的數(shù)據(jù)
我們回到fiddler。查看***個網(wǎng)站的jquery文件“jquery-1.6.2.js。
它的普通版本是236k。
***個網(wǎng)站需要加載js的總大小是279k。而第二個網(wǎng)站需要加載js的大小是50.8k。我們做了什么呢？只是把js文件里的白空格去掉了，就是對js文件的壓縮。
css文件也如此。在***的product版本上，我們使用合并的文件可以減少httprequest次數(shù)。當(dāng)然在debug的時候我們要保留空行增加代碼的可讀性。
關(guān)于壓縮js的工具我們在網(wǎng)上可以找到很多，就不列舉。
減少交互的次數(shù)（適當(dāng)使用緩存）
讓我們刷新一下第二個網(wǎng)站，并觀看fiddler。我們可以發(fā)現(xiàn)，第二次加載至向服務(wù)器獲取了default.aspx。
并沒有重新加載js、css和圖片。因為瀏覽器已經(jīng)替我們緩存了那些文件。
名稱欄目：【網(wǎng)站性能指南】之一概述
鏈接地址：http://www.dlmjj.cn/article/djgcoes.html
