自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

高性能WEB開發(fā)之HTTP服務(wù)器

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

***篇:HTTP服務(wù)器

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

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

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

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

1. nginx 安裝(linux)

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

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

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

編譯安裝nginx:

  1. ./configure   
  2. --without-http_rewrite_module   
  3. --with-http_ssl_module   
  4. --with-openssl=../../lib/openssl-0.9.8l   
  5. --with-zlib=../../lib/zlib-1.2.3   
  6. --with-pcre=../../lib/pcre-8.00  
  7. --prefix=/usr/local/nginx  
  8.  
  9. make  
  10.  
  11. make install   

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

  1. #啟動GZIP壓縮CSS和JS  
  2.      gzip  on;  
  3.      # 壓縮級別 1-9,默認(rèn)是1,級別越高壓縮率越大,當(dāng)然壓縮時間也就越長  
  4.      gzip_comp_level 4;           
  5.      # 壓縮類型  
  6.      gzip_types text/css application/x-javascript;  
  7.  
  8.      # 定義靜態(tài)資源訪問的服務(wù),對應(yīng)的域名:res.abc.com  
  9.      server {  
  10.         listen       80;  
  11.         server_name  res.abc.com;  
  12.  
  13. # 開啟服務(wù)器讀取文件的緩存,  
  14. open_file_cache max=200 inactive=2h;  
  15. open_file_cache_valid 3h;  
  16. open_file_cache_errors off;  
  17.  
  18.         charset utf-8;  
  19.  
  20.      # 判斷如果是圖片或swf,客戶端緩存5天  
  21. location ~* ^.+.(ico|gif|bmp|jpg|jpeg|png|swf)$ {  
  22.    root   /usr/local/resource/;  
  23.    access_log off;  
  24.    index  index.html index.htm;  
  25.    expires 5d;  
  26.         }  
  27.  
  28. # 因JS,CSS改動比較頻繁,客戶端緩存8小時  
  29. location ~* ^.+.(js|css)$ {  
  30.    root   /usr/local/resource/;  
  31.    access_log off;  
  32.    index  index.html index.htm;  
  33.    expires 8h;  
  34.         }  
  35.  
  36. # 其他靜態(tài)資源  
  37. location / {  
  38.    root   /usr/local/resource;  
  39.    access_log off;  
  40.    expires 8h;  
  41. }  
  42.     }  

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

  1.  # 反向代理服務(wù),綁定域名www.abc.com  
  2.     server {  
  3. listen       80;  
  4. server_name  www.abc.com;  
  5.  
  6. charset utf-8;  
  7.  
  8. # BBS使用Discuz!   
  9. # 因反向代理為了提高性能,一部分http頭部信息不會轉(zhuǎn)發(fā)給后臺的服務(wù)器,  
  10. # 使用proxy_pass_header 和 proxy_set_header 把有需要的http頭部信息轉(zhuǎn)發(fā)給后臺服務(wù)器  
  11. location ^~ /bbs/ {  
  12.    root   html;  
  13.    access_log off;  
  14.    index index.php;  
  15.    # 轉(zhuǎn)發(fā)host的信息,如果不設(shè)置host,在后臺使用request.getServerName()取到的域名不是www.abc.com,而是127.0.0.1  
  16.    proxy_set_header Host $host;  
  17.    # 因Discuz! 為了安全,需要獲取客戶端User-Agent來判斷每次POST數(shù)據(jù)是否跟***次請求來自同1個瀏覽器,  
  18.    # 如果不轉(zhuǎn)發(fā)User-Agent,Discuz! 提交數(shù)據(jù)就會報"您的請求來路不正確,無法提交"的錯誤  
  19.    proxy_pass_header User-Agent;  
  20.    proxy_pass http://127.0.0.1:8081;  
  21. }  
  22.  
  23. # 其他請求轉(zhuǎn)發(fā)給tomcat  
  24. location / {  
  25.    root   html;  
  26.    access_log off;  
  27.    index index.jsp;  
  28.    proxy_pass http://127.0.0.1:8080;  
  29. }  
  30.  
  31. error_page   500 502 503 504  /50x.html;  
  32.         location = /50x.html {  
  33.             root   html;  
  34.         }  
  35.     }  

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

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

【編輯推薦】

  1. Ajax和Web服務(wù)數(shù)據(jù)格式:XML SOAP HTML
  2. 分享31套精美的Web和手機(jī)開發(fā)UI素材包
  3. Web設(shè)計師:網(wǎng)頁設(shè)計如何自學(xué)成才
  4. 18個超棒的Web和移動應(yīng)用開發(fā)框架新鮮出爐
  5. Web開發(fā)者不能忽略的10個設(shè)計元素

 

責(zé)任編輯:陳貽新 來源: BearRui的博客
相關(guān)推薦

2011-11-01 09:41:54

Nginx

2011-04-18 10:16:30

WEB高性能

2011-04-07 13:53:25

Web工具

2019-01-15 10:54:03

高性能ServerReactor

2011-04-19 11:06:03

JavaScriptweb

2011-10-18 13:58:32

高性能web

2019-01-08 13:32:38

Nginx服務(wù)器IO復(fù)用

2011-04-27 10:57:29

高性能web開發(fā)

2011-04-21 09:59:48

WEBjavascript

2017-11-10 08:58:49

Web服務(wù)器應(yīng)用程序

2009-07-03 13:05:47

JSP HTTP服務(wù)器

2019-07-31 14:36:46

Linux服務(wù)器框架

2009-11-17 14:05:57

微軟高性能計算服務(wù)器

2011-06-14 09:27:43

高性能WEB開發(fā)

2013-09-10 16:16:19

移動網(wǎng)站性能優(yōu)化移動web

2018-10-09 09:28:12

HTTPHTTP協(xié)作服務(wù)器

2011-04-22 09:54:37

CSSjavascript

2009-02-09 18:02:00

2021-09-22 16:25:17

服務(wù)器戴爾科技集團(tuán)

2014-04-09 10:50:01

Squid架構(gòu)緩存服務(wù)器
點贊
收藏

51CTO技術(shù)棧公眾號