在ATS 5.3.0上测试网页加速插件ats_pagespeed

Myth丶恋晨 2022-08-05 01:28 174阅读 0赞

**历史回顾**

网页加速的原理源远流长，最著名的是yahoo的那个《Yahoo! 网站性能最佳体验的34 条黄金守则》，基于此思想，诞生了两个比较有名的网站优化工具，YSlow和Page Speed,它们都系出名门，前者出自Yahoo，后者出自Google，这里我们只谈论pagespeed，它最初是作为Apache的一个网页加速模块mod\_pagespeed来使用的,因为性能优越，目前已经被移植到nginx上面,称为nginx\_pagespeed

[https://github.com/pagespeed/ngx\_pagespeed][https_github.com_pagespeed_ngx_pagespeed]

demo展示页面

[http://ngxpagespeed.com/ngx\_pagespeed\_example/][http_ngxpagespeed.com_ngx_pagespeed_example]

另外，它也有一个中国版本的远亲，淘宝的开源项目Tengine上也有这个模块的部分移植  
     [http://tengine.taobao.org/][http_tengine.taobao.org]

[http://tengine.taobao.org/document\_cn/http\_concat\_cn.html][http_tengine.taobao.org_document_cn_http_concat_cn.html]

下面是一些ngx\_pagespeed相关的链接

https://blog.hackroad.com/operations-engineer/linux\_server/9030.html

http://www.linuxidc.com/Linux/2013-09/89657p2.htm

另外,我注意到ATS中也有一个类似的插件, 参见  
      [https://github.com/apache/trafficserver/tree/master/plugins/experimental/ats\_pagespeed][https_github.com_apache_trafficserver_tree_master_plugins_experimental_ats_pagespeed]  
      [http://www.atspagespeed.com/][http_www.atspagespeed.com]  
源码在ats的最新代码plugins/experimental/ats\_pagespeed中都有  
     [https://github.com/apache/trafficserver][https_github.com_apache_trafficserver]

下面我们只讨论ats\_pagespeed这个模块，并在ATS 5.3.0上对它进行简单的安装和测试。我的ATS安装前缀在/opt/ats下面，并非默认的/usr/local

这里仅是记录一下我的实践报告，以作备忘。  
相关提示信息在ats\_pagespeed源码中的README文件中，需要单独编译安装该动态库ats\_pagespeed.so，同时会生成动态库gzip.so

**源码修改**

如果不加修改，直接编译，你就会发现如下编译错误

**![Center][]**  
编译之前注意修改子目录gzip下的源码  
1).在gzip.cc增加一个头文件  
\#include "ink\_defs.h"

![Center 1][]  
同时在Makefile中指出该头文件所在的源码路径  
$(TSXS) -I../../../../lib/ts -o gzip.so -v -C \*.cc

![Center 2][]  
2).将源码中的ink\_defs.h目录复制到ats\_pagespeed.cc相同的目录，删除其中max/min的模板定义  
cp /usr/local/src/trafficserver-5.3.0/lib/ts/ink\_defs.h  ink\_defs.h  
在ink\_defs.h中修改\#include "ink\_config.h"  
为  
\#include "../../../lib/ts/ink\_config.h"

![Center 3][]  
修改ats\_pagespeed.cc，增加头文件\#include "ink\_defs.h"

![Center 4][]  
3).配置文件的存放目录在代码ats\_pagespeed.cc中被写死为/usr/local/etc/trafficserver/psol，考虑到我们的ats的安装前缀是/opt/ats，而不是默认的/usr/local, 我们需要统一修改为/opt/ats/etc/trafficserver/psol  
先查后替换  
find ./ -type f | xargs grep "/usr/local/etc/trafficserver"  
确定只是ats\_pagespeed.cc中需要修改  
sed -i "s:/usr/local/etc/trafficserver:/opt/ats/etc/trafficserver:g" ats\_pagespeed.cc  
![Center 5][]  
  
**编译和安装**  
make  
make install  
注意make时会首先下载google的psol静态库包，目前版本是1.8.31.4  
![Center 6][]  
  
**配置**  
在plugin.config中添加如下行  
ats\_pagespeed.so  
gzip.so /opt/ats/etc/trafficserver/gzip.config   
创建两个写死的目录  
mkdir -p /tmp/ps\_log/  
mkdir -p /tmp/ats\_ps/  
ats\_pagespeed的配置文件可以任意命名，这里暂定pagespeed.config，它将存放到写死的目录/opt/ats/etc/trafficserver/psol下面，这个文件夹下面的文件会被监视，当更新时会自动重载  
  
mkdir -p /opt/ats/etc/trafficserver/psol  
cd /opt/ats/etc/trafficserver/psol  
vim pagespeed.config  
下面是pagespeed.config的内容  
\#\[host\]                                                                                                                                                                                                                                 
\[10.10.110.162\]  
\#Force traffic server to cache all origin responses  
override\_expiry  
pagespeed FlushHtml on  
pagespeed RewriteLevel CoreFilters  
pagespeed EnableFilters rewrite\_domains,trim\_urls  
pagespeed MapRewriteDomain http://10.10.110.162 http://www.foo.com  
pagespeed MapOriginDomain http://10.10.110.162 http://www.foo.com  
pagespeed EnableFilters prioritize\_critical\_css,move\_css\_to\_head,move\_css\_above\_scripts  
pagespeed EnableFilters fallback\_rewrite\_css\_urls,insert\_img\_dimensions,lazyload\_images,local\_storage\_cache  
pagespeed EnableFilters prioritize\_critical\_css,rewrite\_css  
pagespeed EnableFilters combine\_javascript,combine\_css  
这里ip是运行ATS主机的ip，请根据实际情况修改。  
  
下面是gzip.config配置文件的内容(可以参考ats\_pagespeed/gzip目录下面的同名文件)  
enabled true                            
remove-accept-encoding  false           
cache true                              
                                        
compressible-content-type  text/\*       
\#compressible-content-type  image/\*     
compressible-content-type \*javascript\*   
  
在records.config中设置  
CONFIG proxy.config.url\_remap.pristine\_host\_hdr INT 0  
  
**日志**  
打开调试日志,要求包含这些调试标志  
ats\_pagespeed\* ats-speed, ats-speed-vlog  
在records.config中配置如下：  
CONFIG proxy.config.diags.debug.enabled INT 1  
CONFIG proxy.config.diags.debug.tags STRING regex\_revalidate.\*|background\_fetch.\*|ats\*

下面是部分日志截图

![Center 7][]  
**测试**  
打开新浪测试  
http://finance.sina.com.cn/china/20150530/140422307455.shtml  
还是发现个别块出现编码错误的问题，和原来的版本基本没有区别

![Center 8][]

**后续工作**

(待续)

**参考文献**

\[1\].https://developer.yahoo.com/performance/rules.html       英文版

\[2\].http://blog.csdn.net/xiaojianpitt/article/details/4393951   中文版

[https_github.com_pagespeed_ngx_pagespeed]: https://github.com/pagespeed/ngx_pagespeed
[http_ngxpagespeed.com_ngx_pagespeed_example]: http://ngxpagespeed.com/ngx_pagespeed_example/
[http_tengine.taobao.org]: http://tengine.taobao.org/
[http_tengine.taobao.org_document_cn_http_concat_cn.html]: http://tengine.taobao.org/document_cn/http_concat_cn.html
[https_github.com_apache_trafficserver_tree_master_plugins_experimental_ats_pagespeed]: https://github.com/apache/trafficserver/tree/master/plugins/experimental/ats_pagespeed
[http_www.atspagespeed.com]: http://www.atspagespeed.com/
[https_github.com_apache_trafficserver]: https://github.com/apache/trafficserver
[Center]: /images/20220805/e344b6b2f653477ba5093e24741a5b53.png
[Center 1]: /images/20220805/67fe76d3043f48a09fe6bbab5b8ca0b7.png
[Center 2]: /images/20220805/5d4413eab29d42d883a72cb91f49622a.png
[Center 3]: /images/20220805/5b49ac9fe86942f580f73ffe84ff8f6e.png
[Center 4]: /images/20220805/ae77812cfe3f446d81eb8e28794713a1.png
[Center 5]: /images/20220805/646da5364de84378becdd402276244f8.png
[Center 6]: /images/20220805/c2af1fb6f0d14406a09d319b88e76141.png
[Center 7]: /images/20220805/02dd686625774028944686a7231e9a6c.png
[Center 8]: /images/20220805/6965b37a720649d9b27a4449bfb42126.png