宝塔开启ngx_pagespeed加速网站

本文安装版本宝塔7.4.2，其他版本可能略有不同。

ngx_pagespeed这货能干些什么呢？webp、合并js、合并css、压缩html延迟加载等等就是前端优化的那些个破事。当然会牺牲一点点服务器资源可以无视。废话少说直接开搞。

1、登录面板访问文件夹/www/server/panel/install，找到nginx.sh并重命名为nginx.sh.1

2、用ssh或者宝塔的ssh登录到服务器，依次执行命令：

cd /www/server/panel/install

wget http://download.bt.cn/install/0/nginx.sh

3、编辑下载好的nginx.sh

第一个红框是要加入的内容，第二个红框是要去掉的内容

--add-module=${Setup_Path}/src/ngx-pagespeed

4、编译安装，执行命令：

sh /www/server/panel/install/nginx.sh install 1.17

5、安装完毕后（大约半分钟），去到软件管理里面找到刚才安装的nginx1.17，打开设置，并设置如下：

其他的一些详细设置可根据实际需求酌情添加：

# 启用ngx_pagespeed 开始
pagespeed on;
#列出优化过程中所有失败的请求，debug 时很有用，失败的信息会打印到 error log 里
#pagespeed ListOutstandingUrlsOnError on;
# 配置服务器缓存位置和自动清除触发条件（空间大小、时限）
#路径请提前创建好，可以放在内存也可以放在临时文件夹中
pagespeed CreateSharedMemoryMetadataCache /tmp/ngx_pagespeed_cache 51200;
pagespeed DefaultSharedMemoryCacheKB 51200;
pagespeed FileCachePath /tmp/ngx_pagespeed_cache;
pagespeed FileCacheSizeKb 2048000;
pagespeed FileCacheCleanIntervalMs 43200000;
pagespeed FileCacheInodeLimit 500000;
# 过滤器级别（自定义模式）
pagespeed RewriteLevel PassThrough;
# 一个标识而已（若在浏览器开发者工具里的链接请求响应标头看到此标识，则说明 PageSpeed 生效）
pagespeed XHeaderValue "Powered By daniao.org";
# HTML页面链接转小写（SEO 优化，推荐）
pagespeed LowercaseHtmlNames on;
# 重置 HTTP Vary 头 除非有特殊需求，建议不开启，默认配置往往是最佳配置
# pagespeed RespectVary on;
#PageSpeed能够根据响应头中指定的任何内容安全策略调整其优化
pagespeed HonorCsp on;
#PageSpeed 默认遵守 Cache-Control: no-transform 协议， 表示不可被中间代理软件改写，如果想让优化效果最大化，可以关闭
#pagespeed DisableRewriteOnNoTransform off;
# 启用 样式属性/CSS/JavaScript/Images 重写，其它功能的先决开关
pagespeed EnableFilters rewrite_style_attributes,rewrite_css,rewrite_javascript,rewrite_images;
#重写CSS文件，以便首先加载渲染页面的CSS规则。
pagespeed EnableFilters prioritize_critical_css;
###########缓存 ##########
#相当于同时使用了extend_cache_images, extend_cache_scripts和 extend_cache_css
pagespeed EnableFilters extend_cache;
pagespeed EnableFilters extend_cache_pdfs;
pagespeed EnableFilters local_storage_cache;
#开启使用Redis（和memcached只能先其一）
#pagespeed RedisServer "127.0.0.1:6379";
# memcached优化,如果没有memcached优化请删去
pagespeed MemcachedThreads 1;
pagespeed MemcachedServers "127.0.0.1:11211";
######## 过滤规则 ########
# 过滤不需要启用的目录或文件
#pagespeed Disallow "*/wp-admin/*";
#pagespeed Disallow "*/wp-login.php*";
pagespeed Disallow "*/vps-pingfen/";
# 启用压缩空白过滤器
pagespeed EnableFilters collapse_whitespace;
# 预解析DNS查询pagespeed EnableFilters insert_dns_prefetch;
########JS和CSS########
# 启用JavaScript库卸载 #谷歌被QQ，并不确定这个设置有没有副作用
# pagespeed EnableFilters canonicalize_javascript_libraries;
# 把多个CSS文件合并成一个CSS文件（比较容易引起主题版面混乱，所以我禁用了
#pagespeed EnableFilters combine_css;
# 重写CSS，首先加载渲染页面的CSS规则pagespeed EnableFilters prioritize_critical_css;
# 把多个JavaScript文件合并成一个JavaScript文件，禁用原因同上，大家可以酌情开启
#pagespeed EnableFilters combine_javascript;
# 删除带默认属性的标签pagespeed EnableFilters elide_attributes;
# 更换被导入文件的@import，精简CSS文件pagespeed EnableFilters flatten_css_imports;pagespeed CssFlattenMaxBytes 5120;
# 启用JavaScript缩小机制pagespeed EnableFilters rewrite_javascript;####### 图片########
# 延时加载图片pagespeed EnableFilters lazyload_images;
# 不加载显示区域以外的图片
pagespeed LazyloadImagesAfterOnload off;
pagespeed LazyloadImagesBlankUrl "https://cdn.daniao.org/1.gif";
# 启用图片优化机制(主要是 inline_images, recompress_images, convert_to_webp_lossless（这个命令会把PNG和静态Gif图片转化为webp）, and resize_images.)pagespeed EnableFilters rewrite_images;
#组合 convert_gif_to_png, convert_jpeg_to_progressive, convert_jpeg_to_webp, convert_png_to_jpeg, jpeg_subsampling, recompress_jpeg, recompress_png, recompress_webp, #strip_image_color_profile, and strip_image_meta_data.
pagespeed EnableFilters recompress_images;
# 将JPEG图片转化为webp格式pagespeed EnableFilters convert_jpeg_to_webp;
# 将动画Gif图片转化为动画webp格式pagespeed EnableFilters convert_to_webp_animated;pagespeed EnableFilters inline_preview_images;
pagespeed EnableFilters resize_mobile_images;
pagespeed EnableFilters responsive_images,resize_images;
pagespeed EnableFilters insert_image_dimensions;
pagespeed EnableFilters resize_rendered_image_dimensions;
pagespeed EnableFilters strip_image_meta_data;
pagespeed EnableFilters convert_jpeg_to_webp,convert_to_webp_lossless,convert_to_webp_animated;
pagespeed EnableFilters sprite_images;
pagespeed EnableFilters convert_png_to_jpeg,convert_jpeg_to_webp;
#让JS里引用的图片也加入优化
pagespeed InPlaceResourceOptimization on;
pagespeed EnableFilters in_place_optimize_for_browser;           # 启用ngx_pagespeed 结束

6.站点设置：打开网站设置加入以下代码

# 启用ngx_pagespeed 开始
pagespeed EnableFilters rewrite_domains;
#pagespeed Domain https://www.yourdomain.com;
#pagespeed MapRewriteDomain https://cdn.yourdomain.org  https://www.yourdomain.org;
# 不能删 。确保对pagespeed优化资源的请求进入pagespeed处理程序并且没有额外的头部信息
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon$" { }
location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
location /ngx_pagespeed_global_statistics { allow 127.0.0.1; deny all; }
location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }
location /pagespeed_console { allow 127.0.0.1; deny all; }
location ~ ^/pagespeed_admin { allow 127.0.0.1; deny all; }
location ~ ^/pagespeed_global_admin { allow 127.0.0.1; deny all; }
# 启用ngx_pagespeed 结束

7.清除缓存：执行命令：

rm -fr /tmp/ngx_pagespeed_cache/*

设置完成后访问你的站点查看源代码发现全部已经被重新编译过了

宝塔开启ngx_pagespeed加速网站相关推荐

宝塔Nginx环境安装pagespeed模块加速网站以及配置WebP格式图片加速方法
宝塔面板下为nginx安装ngx_pagespeed模块并配置WebP图片加速的方法,理论上非宝塔环境也适用,加模块使用命令行进行编译即可网站图片太多,服务器带宽和线路不能动的前提下,对图片进行优化 ...
如何通过CSS开启硬件加速来提高网站性能
你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗? 现在大多数电脑的显卡都支持硬件加速.鉴于此,我们可以发挥GPU ...
css硬件加速,用CSS开启硬件加速提高网站性能
你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而让渲染的性能更好吗? 现在大多数电脑的显卡都支持硬件加速,因此,我们可以利用 ...
html5不支持硬件加速,CSS开启硬件加速来提高网站性能-HTML5综合
CSS开启硬件加速来提高网站性能-HTML5综合本文由文梅画史于 2016-1-28 5:09 发布在 HTML5综合在桌面端和移动端用CSS开启硬件加速 CSS animations, tr ...
网站怎么开启CDN加速？最简单的步骤分享！
我们都知道,CDN就是内容分发网络,是通过将网站内容分发值全网加速节点,配合精准智能调度系统和边缘缓存,使最终用户可以就近获取所需内容,有效降低网络拥塞,体用用户访问响应速度和命中率. 但是,对于大部 ...
CentOS7 开启 BBR 加速
写了那么久的博客,始于Python爬虫,目前专于Java学习,终于有了属于自己的小窝,欢迎各位访问我的个人网站,未来我们一起交流进步. CentOS7 开启 BBR 加速 BBR 是 Google 开 ...
宝塔绑定域名访问不了_千字长文教你使用宝塔面板快速搭建网站
本文将教大家使用宝塔面板快速搭建网站,云服务器购买以及域名注册部分请自行上网搜索了解,亦可留言联系小编进行咨询.如果是和下方一样本地搭建演示的话,则不需要付费购买域名和主机.宝塔面板的是 ...
加速网站访问的一些实践体会
2019独角兽企业重金招聘Python工程师标准>>> 自己运营过几个小站,没有任何盈利,为了节省成本,选择的配置比较低,带宽就1M. 前段时间,在个人官网首页搞了几张轮播图,图片还 ...
linux chrome 硬件加速,在Chrome上开启硬件加速和预先渲染的方法技巧
在 Chrome 上开启硬件加速的方法非常简单,Chrome 正式版和测试版都可以通过在about:flags中开启硬件加速以提升网页浏览体验并延长电池使用时间,如果你是那种动不动就开30个标签以上的 ...

宝塔开启ngx_pagespeed加速网站

宝塔开启ngx_pagespeed加速网站相关推荐

最新文章

热门文章