nginxerror_page 不好用

转载

mob64ca1402665b 2024-09-13 00:02:05

文章标签 nginxerror_page 不好用 Nginx nginx CSS html 文章分类 运维

ngx_pagespeed`是可以对网页进行加速，压缩图片、压缩合并CSS和JS，对网页加速效果明显。
本教程环境是运维笔记的oneinstack
系统为：CentOS Linux

下面开始教程，其中有一些网络上安装ngx_pagespeed的坑，我会一一说明

首先进入源码目录

cd /root/oneinstack/src

下载 ngx_pagespeed模块

1. wget https://github.com/pagespeed/ngx_pagespeed/archive/latest-beta.tar.gz
 
进行解压
 
1. tar xzf latest-beta.tar.gzcd ngx_pagespeed-latest-beta/

这个地方需要下载一个google的扩展库

地址是：https://dl.google.com/dl/page-speed/psol/1.12.34.2-x64.tar.gz

在这我们先不进行下载，这地方有个坑，要下载pagespeed指定的版本的psol版本。

特别说明一下，psol的版本要根据ngx_pagespeed的要求来下载。

如何查看要求的版本呢，我们先不附加psol库来进行编译

cd ..或是cd /root/oneinstack/src

查看一下自己装的nginx的版本

nginx -V

显示如下：

1. nginx version: nginx/1.10.3
2. built by gcc 4.8.5 20150623 (Red Hat 4.8.5-11) (GCC) 
3. built with OpenSSL 1.0.2k  26 Jan 2017
4. TLS SNI support enabled
5. configure arguments: --prefix=/usr/local/nginx --user=www --group=www --with-http_stub_status_module --with-http_v2_module --with-http_ssl_module --with-http_gzip_static_module --with-http_realip_module --with-http_flv_module --with-http_mp4_module --with-openssl=../openssl-1.0.2k --with-pcre=../pcre-8.39 --with-pcre-jit --with-ld-opt=-ljemalloc

可以看到nginx的版本是1.10.3

解压nginx

tar xzf nginx-1.10.3.tar.gz

进入 nginx目录

cd nginx-1.10.3

上面的nginx -V的时候可以查看到之前安装nginx的编译信息，现在主要在末尾添加下面这段

1. --add-module=../ngx_pagespeed-latest-beta

例如这样的：

1. ./configure --prefix=/usr/local/nginx --user=www --group=www --with-http_stub_status_module --with-http_v2_module --with-http_ssl_module --with-http_gzip_static_module --with-http_realip_module --with-http_flv_module --with-http_mp4_module --with-openssl=../openssl-1.0.2k --with-pcre=../pcre-8.39 --with-pcre-jit --with-ld-opt=-ljemalloc --add-module=../ngx_pagespeed-latest-beta

切记上面的不能盲目复制，一定要根据自己的nginx -V后的编译信息进行。

然后看到编译不通过的信息，如下

要求安装psol扩展，切记网络上有些教程是早期的教程，可能导致下载到的psol是早期版本，编译不能通过。

我们按照要求下载psol

1. wget [url]https://dl.google.com/dl/page-speed/psol/1.12.34.2-x64.tar.gz[/url]
 
解压到ngx_pagespeed-latest-beta/目录
 
1. tar xzf 1.12.34.2-x64.tar.gz -C /root/oneinstack/src/ngx_pagespeed-latest-beta/

现在，再进行编译

1. ./configure --prefix=/usr/local/nginx --user=www --group=www --with-http_stub_status_module --with-http_v2_module --with-http_ssl_module --with-http_gzip_static_module --with-http_realip_module --with-http_flv_module --with-http_mp4_module --with-openssl=../openssl-1.0.2k --with-pcre=../pcre-8.39 --with-pcre-jit --with-ld-opt=-ljemalloc --add-module=../ngx_pagespeed-latest-beta

OK。configure通过

下面进行编译

make

这个地方不需要make install

备份旧的nginx
 
1. mv /usr/local/nginx/sbin/nginx{,_date +%F`}
 
复制新的nginx(不可退出nginx-1.10.3目录)
 
1. cp objs/nginx /usr/local/nginx/sbin
 
查看ngx_pagespeed安装情况
 
1. nginx -V 2>&1 | grep -o ngx_pagespeed
 
显示ngx_pagespeed表示已经安装成功。

下面是配置

将下面复制重命名为pagespeed.conf放到你的虚拟配置文件下

1. server {

2. # on 启用，off 关闭
3. pagespeed on;
4. # memcached优化,如果没有memcached优化请删去
5. pagespeed MemcachedThreads 1;
6. pagespeed MemcachedServers "localhost:11211";
7. # 重置 http Vary 头
8. pagespeed RespectVary on;
9. # html字符转小写
10. pagespeed LowercaseHtmlNames on;
11. # 压缩带 Cache-Control: no-transform 标记的资源
12. #pagespeed DisableRewriteOnNoTransform off;
13. # 相对URL
14. #pagespeed PreserveUrlRelativity on;
15. pagespeed XHeaderValue "Powered By JaxsonWang";
16. 
17. # 开启 https
18. #pagespeed FetchHttps enable;
19. 
20. # 配置服务器缓存位置和自动清除触发条件（空间大小、时限）
21. pagespeed FileCachePath "/var/ngx_pagespeed/";
22. pagespeed FileCacheSizeKb 2048000;
23. pagespeed FileCacheCleanIntervalMs 43200000;
24. pagespeed FileCacheInodeLimit 500000;
25. # 过滤规则
26. pagespeed RewriteLevel PassThrough;
27. # 过滤WordPress的/wp-admin/目录(可选配置，可参考使用)
28. pagespeed Disallow "*/wp-admin/*";
29. pagespeed Disallow "*/wp-login.php*";
30. # 过滤typecho的/admin/目录(可选配置，可参考使用)
31. pagespeed Disallow "*/admin/*";
32. 
33. # 移除不必要的url前缀，开启可能会导致某些自动加载功能失效
34. #pagespeed EnableFilters trim_urls;
35. # 移除 html 空白
36. pagespeed EnableFilters collapse_whitespace;
37. # 移除 html 注释
38. pagespeed EnableFilters remove_comments;
39. # DNS 预加载
40. pagespeed EnableFilters insert_dns_prefetch;
41. # 压缩CSS
42. pagespeed EnableFilters rewrite_css;
43. # 合并CSS
44. pagespeed EnableFilters combine_css;
45. # 重写CSS，优化加载渲染页面的CSS规则
46. pagespeed EnableFilters prioritize_critical_css;
47. # google字体直接写入html 目的是减少浏览器请求和DNS查询
48. pagespeed EnableFilters inline_google_font_css;
49. # 压缩js
50. pagespeed EnableFilters rewrite_javascript;
51. # 合并js
52. pagespeed EnableFilters combine_javascript;
53. # 优化内嵌样式属性
54. #pagespeed EnableFilters rewrite_style_attributes;
55. # 压缩图片
56. #pagespeed EnableFilters rewrite_images;
57. # 不加载显示区域以外的图片
58. pagespeed LazyloadImagesAfterOnload off;
59. # 图片预加载
60. pagespeed EnableFilters inline_preview_images;
61. # 移动端图片自适应重置
62. pagespeed EnableFilters resize_mobile_images;
63. # 图片延迟加载
64. pagespeed EnableFilters lazyload_images;
65. # 雪碧图片，图标很多的时候很有用
66. #pagespeed EnableFilters sprite_images;
67. # 扩展缓存 改善页面资源的可缓存性
68. pagespeed EnableFilters extend_cache;
69. 
70. # 不能删
71. location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
72. location ~ "^/ngx_pagespeed_static/" { }
73. location ~ "^/ngx_pagespeed_beacon[        DISCUZ_CODE_17        ]quot; { }
74. location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
75. location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }
76. }

最后重启nginx