Apache自动优化前端页面的模块mod_pagespeed应用（二）

偏执的太偏执、 2022-01-16 23:19 171阅读 0赞

[为什么80%的码农都做不了架构师？>>> ][80_]  ![hot3.png][]

1.加载pagespeed.conf文件 \# vim httpd.conf Include conf/extra/pagespeed.conf 2.mod\_pagespeed实例说明 \# 加载mod\_pagespeed模块 LoadModule pagespeed\_module /usr/local/apache2.2.15/modules/mod\_pagespeed.so \# 判断加载mod\_deflate模块，如果没有加载将加载。mod\_pagespeed自动启用mod\_deflate压缩模块。 \# mod\_deflate模块提供deflate输出过滤器，允许服务器在将输出内容发送到客户端前进行压缩，以节省宽带。 <IfModule !mod\_deflate.c> LoadModule deflate\_module /usr/local/apache2.2.15/modules/mod\_deflate.so </IfModule> \# mod\_pagespeed模块的配置参数指令必须包含在IfModule中。 <IfModule pagespeed\_module> \# 开启(on)或关闭(off)mod\_pagespeed。 ModPagespeed on \# Aoache直接将所有的HTML输出发送到mod\_pagespeed处理程序。输出过滤器用来分析，优化和重新序列化HTML内容。 AddOutputFilterByType MOD\_PAGESPEED\_OUTPUT\_FILTER text/html \# ModPagespeedFileCachePath 和ModPagespeedGeneratedFilePrefix目录对Apache运行用户必须是可写的。 ModPagespeedFileCachePath "/usr/local/apache2.2.15/mod\_pagespeed/cache/" ModPagespeedGeneratedFilePrefix "/usr/local/apache2.2.15/mod\_pagespeed/files/" \# mod\_pagespeed重写标准。 ModPagespeedRewriteLevel有效的标准值有四个：PassThrough, CoreFilters, TestingCoreFilters, AllFilters。默认的重写标准是CoreFilters，使用一系列的重写过滤器，对大部分网页是比较安全的。对于大多数网站来说，可以不必更改重写标准，使用ModPagespeedDisableFilters 和 ModPagespeedEnableFilters规则来进行适当的微调。 \# ModPagespeedRewriteLevel CoreFilters \# 明确禁用指定的过滤器，指令后面加上以逗号分隔的过滤器名称，可以重复。 \# ModPagespeedDisableFilters rewrite\_javascript \# 明确启用指定的过滤器。 \# 添加头信息。 ModPagespeedEnableFilters add\_head \# 将多个头信息合并成一个，还可以改变内容顺序。 ModPagespeedEnableFilters combine\_heads \# 测试过滤器。完全删除页面脚步，这将破坏功能，默认是禁用的。 \# ModPagespeedEnableFilters strip\_scripts \# 内嵌大块的Javascript和css可以移动到外部文件，这样它们就可以被缓存在浏览器中，即使HTML是不缓存的。 ModPagespeedEnableFilters outline\_css,outline\_javascript \# 将css元素移动到头信息中。 ModPagespeedEnableFilters move\_css\_to\_head \# 将多个css元素合并成一个。 ModPagespeedEnableFilters combine\_css \# 重写Javscript和CSS文件，删除多余的空格和注释。 ModPagespeedEnableFilters rewrite\_css,rewrite\_javascript \# 将CSS和JS小文件，内嵌到HTML文档中。 ModPagespeedEnableFilters inline\_css,inline\_javascript \# 优化图片重新编码成较小的字节大小，删除并不显示的多余像素并内嵌小图片。 ModPagespeedEnableFilters rewrite\_images \# 增加宽/高属性来标记它们不存在。 ModPagespeedEnableFilters insert\_img\_dimensions \# 默认是关闭的。删除HTML文件中的注释。以免破坏Javascript延时执行。 ModPagespeedEnableFilters remove\_comments \# 默认是关闭的。删除HTML文件中的多余空格。如果不是应用javascript和css来检测和标记DOM的，可以安全开启这个过滤器。 \# ModPagespeedEnableFilters collapse\_whitespace \# 删除不符合HTML规格的属性。 ModPagespeedEnableFilters elide\_attributes \# 查找出缓存不超过一个月的所有图片，css和javascript，并延长缓存至它们生命周期。这个是安全的行为，因为增加了内容哈希URL，因此如果内容改变URL也将改变，并且可以获得正确的缓存。 ModPagespeedEnableFilters extend\_cache \# 删除HTML属性并不需要的引号。 ModPagespeedEnableFilters remove\_quotes \# 添加JavaScript的开头和结尾的页允许延迟信息发送回服务器。 ModPagespeedEnableFilters add\_instrumentation \# 除了优化HTML资源外，mod\_pagespeed还可以对指定的域的资源比如javascript，CSS，图片进行优化。 ModPagespeedDomain http://my\_site.com ModPagespeedDomain http://cdn.my\_site.com \# 域名允许使用通配符\*和？。 \# 默认情况下，域名下的所有HTML资源被重写。 ModPagespeedAllow \* \# ModPagespeedDisallow \* \# ModPagespeedAllow http://\*my\_host.com/\*/images/\*.png \# ModPagespeedAllow http://\*my\_host.com/\*/styles/\*.css \# 设置获取URL的超时时间。默认是5秒。注意：单位是微秒。 ModPagespeedFetcherTimeoutMs 1000 \# 设置缓存参数。 \# ModPagespeedFileCacheSizeKb 102400 \# ModPagespeedFileCacheCleanIntervalMs 3600000 \# ModPagespeedLRUCacheKbPerProcess 1024 \# ModPagespeedLRUCacheByteLimit 16384 \# 设置过滤器参数。 \# ModPagespeedCssInlineMaxBytes 2048 \# ModPagespeedImgInlineMaxBytes 2048 \# ModPagespeedJsInlineMaxBytes 2048 \# ModPagespeedCssOutlineMinBytes 3000 \# ModPagespeedJsOutlineMinBytes 3000 \# 设置任何时刻绑定多少张图片被重写。0代表不绑定。 \# ModPagespeedImgMaxRewritesAtOnce 8 \# 设置代理，mod\_pagespeed记录请求网站的目录。 \#ModPagespeedSlurpDirectory ... \# ModPagespeedSlurpReadOnly on \# 开启服务器端的javascript检测和统计信息。 \#在每个HTML页面注入两个小块的javascript，用来计算客户端加载呈现页面的时间并报告给服务器。 ModPagespeedEnableFilters add\_instrumentation <Location /mod\_pagespeed\_beacon> SetHandler mod\_pagespeed\_beacon </Location> \# 使用ModPagespeedBeaconUrl指令来更改到不同的目录或服务器。 \# <Location /my/path/to/beacon> \# SetHandler mod\_pagespeed\_beacon \# </Location> \# ModPagespeedBeaconUrl "/my/path/to/beacon?ets=" \# ModPagespeedBeaconUrl "http://my\_other\_server/my\_beacon?ets=" \# 禁用统计信息。(mod\_pagespeed0.9.11.5以上版本才支持) \# ModPagespeedStatistics off \# 查看统计数据。 <Location /mod\_pagespeed\_statistics> Order allow,deny Allow from XXX.XXX.XXX.XXX SetHandler mod\_pagespeed\_statistics </Location> </IfModule> <Directory /www/mod\_pagespeed\_example> <IfModule headers\_module> <FilesMatch "\\.(html|htm)$"> Header unset Etag //关闭HTML文件的Etag Header set Cache-control "max-age=0, no-cache, no-store" //不缓存 </FilesMatch> \# 图片，样式和javascript的重写URL包含哈希值。 <FilesMatch "\\.(jpg|jpeg|gif|png|js|css)$"> Header unset Etag Header set Cache-control "public, max-age=600" //重新读取文件内容和重新计算哈希值。只要内容不改变，哈希值不会改变，缓存在浏览器中的相关资源将保持。 </FilesMatch> </IfModule> </Directory> 3.mod\_pagespeed实例 LoadModule pagespeed\_module /usr/local/apache2.2.15/modules/mod\_pagespeed.so <IfModule !mod\_deflate.c> LoadModule deflate\_module /usr/local/apache2.2.15/modules/mod\_deflate.so </IfModule> <IfModule pagespeed\_module> ModPagespeed on AddOutputFilterByType MOD\_PAGESPEED\_OUTPUT\_FILTER text/html ModPagespeedFileCachePath "/usr/local/apache2.2.15/mod\_pagespeed/cache/" ModPagespeedGeneratedFilePrefix "/usr/local/apache2.2.15/mod\_pagespeed/files/" ModPagespeedRewriteLevel CoreFilters ModPagespeedEnableFilters add\_head ModPagespeedEnableFilters outline\_css,outline\_javascript ModPagespeedEnableFilters move\_css\_to\_head ModPagespeedEnableFilters combine\_css ModPagespeedEnableFilters rewrite\_css,rewrite\_javascript ModPagespeedEnableFilters inline\_css,inline\_javascript ModPagespeedEnableFilters rewrite\_images ModPagespeedEnableFilters insert\_img\_dimensions ModPagespeedEnableFilters remove\_comments ModPagespeedEnableFilters elide\_attributes ModPagespeedEnableFilters extend\_cache ModPagespeedEnableFilters remove\_quotes ModPagespeedEnableFilters add\_instrumentation ModPagespeedDomain http://www.XXX.com ModPagespeedFileCacheSizeKb 102400 ModPagespeedFileCacheCleanIntervalMs 3600000 ModPagespeedLRUCacheKbPerProcess 1024 ModPagespeedLRUCacheByteLimit 16384 ModPagespeedCssInlineMaxBytes 2048 ModPagespeedImgInlineMaxBytes 2048 ModPagespeedJsInlineMaxBytes 2048 ModPagespeedCssOutlineMinBytes 3000 ModPagespeedJsOutlineMinBytes 3000 ModPagespeedImgMaxRewritesAtOnce 8 ModPagespeedEnableFilters add\_instrumentation <Location /mod\_pagespeed\_beacon> SetHandler mod\_pagespeed\_beacon </Location> <Location /mod\_pagespeed\_statistics> Order allow,deny Allow from XXX.XXX.XXX.XXX SetHandler mod\_pagespeed\_statistics </Location> </IfModule> <Directory /www/www.XXX.com> <IfModule headers\_module> <FilesMatch "\\.(shtml|html|htm)$"> Header unset Etag Header set Cache-control "max-age=0, no-cache, no-store" </FilesMatch> <FilesMatch "\\.(jpg|jpeg|gif|png|js|css)$"> Header unset Etag Header set Cache-control "public, max-age=600" </FilesMatch> </IfModule> </Directory> 4.测试： 关闭mod\_pagespeed  5.开启mod\_pagespeed  6.统计信息

转载于:https://my.oschina.net/766/blog/211021

[80_]: https://my.oschina.net/u/2663968/blog/3051541
[hot3.png]: /images/20220117/b3d1bd32465948999995dc70a35d52c3.png