标签 pagespeed 下的文章

  1. 如果没有nginx源码,就下载一份源码
  2. 在源码目录中src文件夹,解压下载好的pagespeed压缩包

  3. 使用命令查看当前Nginx的编译参数。

    nginx -V
  4. 得到现在的编译参数(在“configure arguments:”后面都是)
  5. 然后在末尾加上 --add-module=./src/incubator-pagespeed-ngx-latest-stable(这里应该是Pagespeed的路径。我们刚刚把Pagespeed解压到了nginx源码里的src文件夹,所以路径应该是./src/incubator-pagespeed-ngx-latest-stable,如果需要请更换自己的路径)
  6. 然后整条命令看起来像是这样
    ./configure --user=www --group=www --prefix=你的编译参数 --add-module=./src/incubator-pagespeed-ngx-latest-
    stable
  7. 上面的运行完之后推荐先把nginx停止,然后 make && make install

  8. 在任意地方创建一个用于Pagespeed的缓存文件夹
  9. 然后修改文件夹权限
    chown -R www:www 你的文件夹路径
  10. 然后进入nginx的conf文件夹,配置服务器的设置

把下面的配置粘贴到server中即可

pagespeed on;
pagespeed RespectVary on;
pagespeed LowercaseHtmlNames on;
pagespeed DisableRewriteOnNoTransform off;
pagespeed PreserveUrlRelativity on;
pagespeed FileCachePath "/path/to/your/cache 这里是你刚刚建立的缓存文件夹路径";

#缓存大小,清理周期
pagespeed FileCacheSizeKb 102400;
pagespeed FileCacheCleanIntervalMs 3600000;
pagespeed FileCacheInodeLimit 500000;

pagespeed EnableFilters collapse_whitespace;
pagespeed EnableFilters remove_comments;
pagespeed EnableFilters insert_dns_prefetch;
pagespeed EnableFilters rewrite_css;
pagespeed EnableFilters combine_css;
pagespeed EnableFilters prioritize_critical_css;
pagespeed EnableFilters inline_google_font_css;
pagespeed EnableFilters rewrite_javascript;
pagespeed EnableFilters combine_javascript;
pagespeed EnableFilters rewrite_style_attributes;
pagespeed EnableFilters rewrite_images;
pagespeed LazyloadImagesAfterOnload off;
pagespeed EnableFilters inline_preview_images;
pagespeed EnableFilters resize_mobile_images;
pagespeed EnableFilters extend_cache;

如果你是Wordpress用户,可以使用下面的来过滤掉后台和登陆界面

pagespeed RewriteLevel PassThrough;
pagespeed Disallow "*/wp-admin/*";
pagespeed Disallow "*/wp-login.php*";

参考:[1] https://developers.google.com/speed/?hl=zh-CN&utm_source=PSI&utm_medium=incoming-link&utm_campaign=PSI

[2]https://www.modpagespeed.com/doc/system

[3] https://vircloud.net/build/nginx-pagespeed.html