• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Nginx 合并请求连接且加速网站访问实例详解

    前言

    作为这个世界上最好的web服务器之一,Nginx的优势不明而喻。下面来讲讲,Nginx是如何合并请求连接的。

    小知识

    当我们在浏览网页的时候,对浏览速度有一个重要的影响因素,就是浏览器的并发数量。并发数量简单通俗的讲就是,当浏览器网页的时候同时工作的进行数量。

    当然浏览器的并发请求数目限制是针对同一域名的,同一时间针对同一域名下的请求有一定数量限制,超过限制数目的请求会被阻塞。

    首先我们看下各个浏览器的并发连接数:

    罗列一下浏览器这么决定可能有什么考虑

    淘宝tengine

    我们在访问有些网站的时候,会看到代码中的部分js和css文件是通过一次请求获取的,上面的小知识知道浏览器请求的并发数量是有限制的,但是如果把多条记录合并一次请求就可能会加快响应速度。

    淘宝使用的tengine是基于nginx的web服务器,从11年底开源。开源模块nginx-http-concat,可以合并多个文件在一个响应报文中。

    安装

    初次安装第三方模块nginx-http-concat

    wget http://tengine.taobao.org/download/tengine-2.2.0.tar.gz
    wget https://github.com/alibaba/nginx-http-concat/archive/master.zip -O nginx-http-concat-master.zip
    unzip nginx-http-concat-master.zip
    tar -xzvf tengine-2.2.0.tar.gz
    cd tengine-2.2.0

    配置编译安装

     ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --add-module=../nginx-http-concat-master
     make
     make install

    如果已经安装过Nginx,只是配置第三方插件。Nginx -V,检查一下Nginx的版本,如果没有,下载对应的版本。

    执行一下代码即可。

    ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --add-module=../nginx-http-concat-master
    make

    编译成功以后

    #复制之前请备份nginx执行文件
    cp /objs/nginx /usr/local/nginx/sbin/nginx

    杀掉Nginx,重启即可。

    配置

    在location段增加如下配置:

    location /static/css/ {
      concat on;
      concat_max_files 20;
      concat_unique off;
      concat_types text/css application/javascript;
    }

    合并方式

    http://static.52itstyle.com/static/css/??index.css,common.css?v=20171111

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    上一篇:Nginx定时切割日志实现详解
    下一篇:docker容器从入门到痴迷(推荐)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Nginx 合并请求连接且加速网站访问实例详解 Nginx,合并,请求,连接,且,