nginx模块ngx_pagespeed配置

Tue, 16 Jan 2018 03:04:36 +0000

http{
        # 启用ngx_pagespeed
        pagespeed on;

        pagespeed Statistics on;
        pagespeed StatisticsLogging on;
        pagespeed LogDir /var/log/pagespeed;
        pagespeed FileCachePath /tmp/cache/ngx_pagespeed_cache;
        # 隐藏pagespeed版本信息
        pagespeed XHeaderValue "Powered By ngx_pagespeed";
        # google字体直接写入html 目的是减少浏览器请求和DNS查询 
        pagespeed EnableFilters inline_google_font_css;
        pagespeed RewriteLevel PassThrough;
        # 改善资源的可缓存性
        pagespeed EnableFilters extend_cache;
        # 预解析DNS查询 
        pagespeed EnableFilters insert_dns_prefetch;

        pagespeed EnableFilters local_storage_cache;
        # 删除无用的url前缀 
        pagespeed EnableFilters trim_urls;
        # 合并head
        pagespeed EnableFilters combine_heads;
        # 移除多余html标签
        pagespeed EnableFilters elide_attributes;
        # 移除html空白
        pagespeed EnableFilters collapse_whitespace;
        # 移除html注释
        pagespeed EnableFilters remove_comments;
        # 移除html属性中的不必要的引号
        pagespeed EnableFilters remove_quotes;

        # css
        # 合并css 
        pagespeed EnableFilters combine_css;
        # 压缩css 
        pagespeed EnableFilters rewrite_css;
        # 将css内容移动到script之前，优先于script渲染
        pagespeed EnableFilters move_css_above_scripts;
        pagespeed EnableFilters move_css_to_head;
        # 重写CSS，首先加载渲染页面的CSS规则 
        pagespeed EnableFilters prioritize_critical_css;
        pagespeed EnableFilters flatten_css_imports;
        pagespeed CssFlattenMaxBytes 5120;

        # js
        # 合并js
        pagespeed EnableFilters combine_javascript;
        # 压缩js
        pagespeed EnableFilters rewrite_javascript;
        pagespeed EnableFilters defer_javascript;
        # 将小的js文件已内联方式引入，避免http请求
        pagespeed EnableFilters inline_javascript;


        # image
        # 延时加载客户端看不见的图片
        pagespeed EnableFilters lazyload_images;
        # 压缩图片
        pagespeed EnableFilters rewrite_images;
        # 将小图片的http调用转成内联方式调用
        pagespeed EnableFilters inline_images;
        pagespeed EnableFilters inline_preview_images;
        # 自动将多张背景图片合并成一张图片。
        pagespeed EnableFilters sprite_images;
        pagespeed EnableFilters dedup_inlined_images;
        pagespeed EnableFilters responsive_images_zoom;
        # 移动端图片自适应重置
        pagespeed EnableFilters resize_mobile_images;

        include /etc/nginx/conf.d/*.conf;
        include /etc/nginx/sites-enabled/*;
}

nginx模块pagespeed安装

Thu, 14 Dec 2017 02:01:21 +0000

下载PageSpeed模块

下载pagespeed和psol：

https://github.com/pagespeed/ngx_pagespeed/archive/v[PageSpeed版本].zip

https://dl.google.com/dl/page-speed/psol/[PageSpeed版本]-x[系统位数].tar.gz

比如PageSpeed版本1.13.35.1-beta，相应的下载地址则为：
https://codeload.github.com/pagespeed/ngx_pagespeed/zip/v1.13.35.1-beta
https://dl.google.com/dl/page-speed/psol/1.13.35.1-x64.tar.gz

wget https://codeload.github.com/pagespeed/ngx_pagespeed/zip/v1.13.35.1-beta -O ngx_pagespeed-v1.13.35.1-beta.zip
unzip ngx_pagespeed-v1.13.35.1-beta.zip
cd ngx_pagespeed-v1.13.35.1-beta/
wget https://dl.google.com/dl/page-speed/psol/1.13.35.1-x64.tar.gz -O psol-1.13.35.1-x64.tar.gz
tar -xzvf psol-1.13.35.1-x64.tar.gz

下载Nginx

wget http://nginx.org/download/nginx-1.13.7.tar.gz
tar -xvzf nginx-1.13.7.tar.gz
cd nginx-1.13.7/

编译安装

./configure --add-module=/root/ngx_pagespeed-1.13.35.1-beta/ \
--with-cc-opt='-g -O2 -fPIE -fstack-protector-strong \
-Wformat -Werror=format-security -Wdate-time -D_FORTIFY_SOURCE=2' \
--with-ld-opt='-Wl,-Bsymbolic-functions -fPIE -pie -Wl,-z,relro -Wl,-z,now' \
--prefix=/usr/share/nginx --conf-path=/etc/nginx/nginx.conf \
--http-log-path=/var/log/nginx/access.log \
--error-log-path=/var/log/nginx/error.log \
--lock-path=/var/lock/nginx.lock \
--pid-path=/run/nginx.pid \
--http-client-body-temp-path=/var/lib/nginx/body \
--http-fastcgi-temp-path=/var/lib/nginx/fastcgi \
--http-proxy-temp-path=/var/lib/nginx/proxy \
--http-scgi-temp-path=/var/lib/nginx/scgi \
--http-uwsgi-temp-path=/var/lib/nginx/uwsgi \
--with-debug \
--with-pcre-jit \
--with-http_ssl_module \
--with-http_stub_status_module \
--with-http_realip_module \
--with-http_auth_request_module \
--with-http_addition_module \
--with-http_dav_module \
--with-http_geoip_module \
--with-http_gunzip_module \
--with-http_gzip_static_module \
--with-http_image_filter_module \
--with-http_v2_module \
--with-http_sub_module \
--with-http_xslt_module \
--with-stream \
--with-stream_ssl_module \
--with-mail \
--with-mail_ssl_module \
--with-threads

make
make install

Ngx_pagespeed on Coding

nginx模块ngx_pagespeed配置

nginx模块pagespeed安装

下载PageSpeed模块

下载Nginx

编译安装

测试