九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

HTTP服務(wù)器及WEB性能測試工具

 

新產(chǎn)品為了效果，做的比較炫，用了很多的圖片和JS，所以前端的性能是很大的問題，分篇記錄前端性能優(yōu)化的一些小經(jīng)驗(yàn)。

第一篇：HTTP服務(wù)器

    因tomcat處理靜態(tài)資源的速度比較慢，所以首先想到的就是把所有靜態(tài)資源(JS,CSS,image,swf)

提到單獨(dú)的服務(wù)器，用更加快速的HTTP服務(wù)器，這里選擇了nginx了，nginx相比apache，更加輕量級(jí)，

配置更加簡單，而且nginx不僅僅是高性能的HTTP服務(wù)器，還是高性能的反向代理服務(wù)器。

    目前很多大型網(wǎng)站都使用了nginx,新浪、網(wǎng)易、QQ等都使用了nginx，說明nginx的穩(wěn)定性和性能還是非常不錯(cuò)的。

 1. nginx 安裝(linux)

    http://nginx.org/en/download.html 下載最新穩(wěn)定版本

    根據(jù)自己需要的功能先下載對應(yīng)模板，這里下載了下面幾個(gè)模塊：

    openssl-0.9.8l，zlib-1.2.3，pcre-8.00

    編譯安裝nginx:

./configure 

--without-http_rewrite_module 

--with-http_ssl_module 

--with-openssl=../../lib/openssl-0.9.8l 

--with-zlib=../../lib/zlib-1.2.3 

--with-pcre=../../lib/pcre-8.00

--prefix=/usr/local/nginx

make

 

make install  

  2、nginx處理靜態(tài)資源的配置

     #啟動(dòng)GZIP壓縮CSS和JS

     gzip  on;

     # 壓縮級(jí)別 1-9,默認(rèn)是1，級(jí)別越高壓縮率越大，當(dāng)然壓縮時(shí)間也就越長

     gzip_comp_level 4;         

     # 壓縮類型

     gzip_types text/css application/x-javascript;

     # 定義靜態(tài)資源訪問的服務(wù)，對應(yīng)的域名:res.abc.com

     server {

        listen       80;

        server_name  res.abc.com;

# 開啟服務(wù)器讀取文件的緩存，

open_file_cache max=200 inactive=2h;

open_file_cache_valid 3h;

open_file_cache_errors off;

        charset utf-8;

     # 判斷如果是圖片或swf，客戶端緩存5天

location ~* ^.+.(ico|gif|bmp|jpg|jpeg|png|swf)$ {

   root   /usr/local/resource/;

   access_log off;

   index  index.html index.htm;

   expires 5d;

        }

# 因JS,CSS改動(dòng)比較頻繁，客戶端緩存8小時(shí)

location ~* ^.+.(js|css)$ {

   root   /usr/local/resource/;

   access_log off;

   index  index.html index.htm;

   expires 8h;

        }

# 其他靜態(tài)資源

location / {

   root   /usr/local/resource;

   access_log off;

   expires 8h;

}

    }

    3、nginx 反向代理設(shè)置

    # 反向代理服務(wù)，綁定域名www.abc.com

    server {

listen       80;

server_name  www.abc.com;

charset utf-8;

# BBS使用Discuz! 

# 因反向代理為了提高性能，一部分http頭部信息不會(huì)轉(zhuǎn)發(fā)給后臺(tái)的服務(wù)器，

# 使用proxy_pass_header 和 proxy_set_header 把有需要的http頭部信息轉(zhuǎn)發(fā)給后臺(tái)服務(wù)器

location ^~ /bbs/ {

   root   html;

   access_log off;

   index index.php;

   # 轉(zhuǎn)發(fā)host的信息，如果不設(shè)置host,在后臺(tái)使用request.getServerName()取到的域名不是www.abc.com，而是127.0.0.1

   proxy_set_header Host $host;

   # 因Discuz! 為了安全，需要獲取客戶端User-Agent來判斷每次POST數(shù)據(jù)是否跟第一次請求來自同1個(gè)瀏覽器，

   # 如果不轉(zhuǎn)發(fā)User-Agent,Discuz! 提交數(shù)據(jù)就會(huì)報(bào)"您的請求來路不正確，無法提交"的錯(cuò)誤

   proxy_pass_header User-Agent;

   proxy_pass http://127.0.0.1:8081;

}

# 其他請求轉(zhuǎn)發(fā)給tomcat

location / {

   root   html;

   access_log off;

   index index.jsp;

   proxy_pass http://127.0.0.1:8080;

}

error_page   500 502 503 504  /50x.html;

        location = /50x.html {

            root   html;

        }

    }

nginx詳細(xì)配置參考：http://wiki.nginx.org/

PS：如果安裝提示GCC not found，運(yùn)行下面命令安裝就可以(apt-get install build-essential)，僅限debian

 

 

WEB性能測試工具主要分為三種，一種是測試頁面資源加載速度的，一種是測試頁面加載完畢后頁面呈現(xiàn)、JS操作速度的，還有一種是總體上對頁面進(jìn)行評(píng)價(jià)分析，下面分別對這些工具進(jìn)行介紹，如果誰有更好的工具也請一起分享下。

    

httpwatch包含IE和firefox插件。不過httpwatch專業(yè)版本是收費(fèi)的，免費(fèi)版本有些功能限制。

DynaTrace's Ajax Edition：
   dynaTrace 是本人常使用的1個(gè)免費(fèi)工具，該工具不但可以檢測資源加載瀑布圖，而且還能監(jiān)控頁面呈現(xiàn)時(shí)間，CPU花銷，JS分析和執(zhí)行時(shí)間，CSS解析時(shí)間的等。

   

   注：安裝這個(gè)插件，需要安裝 Google Chrome Developer Channel 版本，但是這個(gè)鏈接的地址在國內(nèi)好像打不開，如果打不開，請大家直接到這個(gè)地址去下載：          

   

   

webpagetest : 
    webpagetest 是1個(gè)在線進(jìn)行性能測試的網(wǎng)站，在該網(wǎng)站輸入你的url，就會(huì)生成1個(gè)url加載的時(shí)間瀑布圖，對所有加載的資源(css,js,image等等)列出優(yōu)化的清單，也是非常好用的工具。

   

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報(bào)。