主机优化加速mod_pagespeed和ngx_pagespeed安装使用

VPS主机   2013年06月11日 17:16  

主机优化加速mod_pagespeed和ngx_pagespeed安装使用

想要让你的网站或者VPS主机访问时反应的速度更快,CDN内容分发网络是一个不错的选择,部落上次介绍的谷歌免费CDN加速Google PageSpeed Service就可以让你的网站用上Google的服务器分发内容,起到加速的作用。

CDN从外部解决了网络访问的速度问题,但是一个龟速的服务器即使你用最快的网络来访问它,服务器响应和处理请求的速度过慢同样也会导致用户感觉网站打不开或者打开缓慢,所以主机服务器内部优化加速也至关重要。

本篇文章将再来分享两个谷歌优化加速产品:mod_pagespeed和ngx_pagespeed,mod_pagespeed作为Apache HTTP Server的module,它能在服务网页请求的即时做出超过15种的优化调整,包括优化缓存,最小化客户端—服务器往返路程,压缩有效传输体积。

经过实验观察,mod_pagespeed最高能使页面加载时间压缩50%。ngx_pagespeed要使用的加速缓存功能和mod_pagespeed是一样的,只不过mod_pagespeed是应用在Apache服务器上,ngx_pagespeed是安装在Nginx服务器上。

目前已知的可以用来加速网站访问和服务器响应的VPS教程

主机优化加速mod_pagespeed和ngx_pagespeed安装使用

一、Apache mod_pagespeed安装方法

1、mod_pagespeed官网:

  • 1、官方首页:https://developers.google.com/speed/pagespeed/mod
  • 2、效果演示:https://www.modpagespeed.com/

2、本篇文章部落都是在Linode的VPS上进行测试,操作系统为CentOS 5.6,32位,登录VPS,执行以下命令下载安装mod_pagespeed。


yum install at
wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_i386.rpm
rpm -U mod-pagespeed-*.rpm

mod_pagespeed开始安装

3、如果是Debian/Ubuntu,32位系统,执行以下命令。


dpkg -i mod-pagespeed-*.deb
wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_i386.rpm
apt-get -f install

4、安装完成后重新启动Http,执行以下代码,如果显示下图就表示你已经成功安装上了Apache mod_pagespeed了。


service httpd restart
httpd -M|grep pagespeed

mod_pagespeed成功显示

二、Apache mod_pagespeed加速效果

1、Apache mod_pagespeed想要取得理想的优化加速效果,建议有兴趣的朋友研究一下Apache mod_pagespeed的官方文档,那里有详细的配置说明。

2、在Google给出的mod_pagespeed加速效果演示站中列出了长在几十项的优化项,例如Html代码整合优化。

mod_pagespeed优化Html

3、优化后的Html源码就非常地简洁了。

mod_pagespeed代码简洁

4、对JS的自动压缩和合并。

mod_pagespeed自动压缩JS

5、该功能有点像W3 Total Cache

6、其它的如lazyload_images、insert_dns_prefetch、extend_cache、rewrite_images等高级优化加速等大家可以参考官方给出的一个效果对比的视频。

三、Nginx ngx_pagespeed安装教程

1、ngx_pagespeed官网:

  • 1、官方首页:https://developers.google.com/speed/pagespeed/ngx
  • 2、效果演示:https://ngxpagespeed.com/ngx_pagespeed_example/

2、先安装相应的支持组件,RedHat, CentOS和Fedora执行以下命令:


sudo yum install gcc-c++ pcre-dev pcre-devel zlib-devel make

3、Debian和Ubuntu执行:


sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev

4、下载ngx_pagespeed,并解压。


cd ~
wget https://github.com/pagespeed/ngx_pagespeed/archive/release-1.5.27.3-beta.zip
unzip release-1.5.27.3-beta
cd ngx_pagespeed-release-1.5.27.3-beta/
tar -xzvf 1.5.27.3.tar.gz

ngx_pagespeed下载

5、执行以下命令配置nginx。


wget https://nginx.org/download/nginx-1.4.1.tar.gz
tar -xvzf nginx-1.4.1.tar.gz
cd nginx-1.4.1/
./configure --add-module=$HOME/ngx_pagespeed-release-1.5.27.3-beta
make
sudo make install

ngx_pagespeed配置

6、编辑nginx.conf。


vi /usr/local/nginx/conf/nginx.conf

7、在server中加入以下代码,保存。


pagespeed on;
pagespeed FileCachePath /var/ngx_pagespeed_cache;
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/ngx_pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon$" { }
location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }

ngx_pagespeed修改参数

8、然后测试代码是否正确和重启nginx服务。


/usr/local/nginx/sbin/nginx -t
service nginx restart

四、Nginx ngx_pagespeed加速效果

1、想要知道自己是否已经正常安装和配置了Nginx ngx_pagespeed,执行以下命令,some_page改成你自己的。

2、如果显示X-Page-Speed: 1.5.27.3-...就表示加载成功了。

3、这时候查看网页的源代码,就能像上面的Apache mod_pagespeed一样,Html、JS、CSS、Cache等有明显优化了,具体效果请参考官方的演示。

五、主机优化加速小结

1、mod_pagespeed已经被安装在Godaddy的主机上,Nginx ngx_pagespeed推出的时间要晚一些,现在还是测试版,Apache mod_pagespeed已经有稳定版了。

2、从部落的安装体验来看,不同的Apache和Nginx安装mod_pagespeed和ngx_pagespeed会不同,而且我们还要对这两个模块进行详细配置,否则加速效果会适得其反。

文章出自:免费资源部落 https://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。

十个便宜VPS主机分享-VPS服务器建站和搭建应用服务体验
2014年六大免费VPS主机-免费VPS申请、使用和点评

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

在这个部落村庄里,已经有49 位神马家族成员冒出泡来在农场开始干活了
  • 疯子 12

    沙发么?

    阿城守候 回复:

    @疯子, @明月,有人搶了你的沙發

    明月 回复:

    @阿城守候, 我不是黄容,我不爱晋哥哥

    疯纸 回复:

    @明月, 你爱的是qi哥哥么?

    明月 回复:

    @疯纸, 你想我跟他搞基吗,我也是帅哥,

    疯纸 回复:

    @明月, 直觉你迟早会被他掰弯哦

    这是农场的第 1 块农田,部落批准 [疯子] 在[2013-6-11 17:17]开垦完成.
  • iConan 1

    往前凑凑6

    网赚那些事 回复:

    @iConan, 那些MJJ的沙发这么挤,只能来二楼耍耍

    这是农场的第 2 块农田,部落批准 [iConan] 在[2013-6-11 17:24]开垦完成.
  • musk 18

    CDN?难道多搞几个vps?

    qi 回复:

    @musk, 这个是服务器内部优化。

    疯纸 回复:

    @musk, 这不是CDN

    这是农场的第 3 块农田,部落批准 [musk] 在[2013-6-11 17:43]开垦完成.
  • 要求要在vps上使用嗎?

    qi 回复:

    @阿城守候, 是的,虚拟主机不行。

    这是农场的第 4 块农田,部落批准 [阿城守候] 在[2013-6-11 17:54]开垦完成.
  • 明月 15

    看不懂,不知是什么东东

    exexue 回复:

    @明月, 明月爱我。

    明月 回复:

    @exexue,一直爱的都是你

    疯纸 回复:

    @明月, 你爱的明明是qi

    这是农场的第 5 块农田,部落批准 [明月] 在[2013-6-11 18:18]开垦完成.
  • 同楼上,没看懂

    qi 回复:

    @欧阳子方, 这是谷歌推出的产品,是优化apache性能的。

    这是农场的第 6 块农田,部落批准 [欧阳子方] 在[2013-6-11 18:43]开垦完成.
  • 斌果 3

    管他呢,看不懂。。

    这是农场的第 7 块农田,部落批准 [斌果] 在[2013-6-11 19:20]开垦完成.
  • 疯纸 15

    过来占位,好象不是前排了

    这是农场的第 8 块农田,部落批准 [疯纸] 在[2013-6-11 19:28]开垦完成.
  • exexue

    教程非常不错。感谢分享。。

    这是农场的第 9 块农田,部落批准 [exexue] 在[2013-6-11 20:15]开垦完成.
  • exexue

    #真的不错,有网络的地方就有他的存在。

    qi 回复:

    @exexue, 那ngx是最近出来的,还在测试版当中。Apache是已经早就有了。

    这是农场的第 10 块农田,部落批准 [exexue] 在[2013-6-11 20:17]开垦完成.
  • ivmm 13

    如果在线路不佳的情况下可能会打不开网站的静态文件,毕竟谷歌被*

    qi 回复:

    @ivmm, 这个不是谷歌CDN,仅优化。

    ivmm 回复:

    @qi, 优化的方式是通过将服务器的静态文件用pss经行CDN加速。 一般人都认为是像gzip的功能我就笑了

    qi 回复:

    @ivmm, 你在说PSS?

    ivmm 回复:

    @qi, 哦,应该是pss模块

    这是农场的第 11 块农田,部落批准 [ivmm] 在[2013-6-11 20:18]开垦完成.
  • 看来这篇文章看懂的人不多啊。。。

    qi 回复:

    @远行客, 其实这个设置挺复杂的,但是如果按照默认的也基本上可以了。

    这是农场的第 12 块农田,部落批准 [远行客] 在[2013-6-11 22:24]开垦完成.
  • @qi,明天端午節了,什麼時候發棕子呢?

    qi 回复:

    @阿城守候, 我还真以为是星期一过端午节,昨天在群里发过了。

    阿城守候 回复:

    @qi, 看來是錯過了

    这是农场的第 13 块农田,部落批准 [阿城守候] 在[2013-6-11 22:30]开垦完成.
  • webyxm 2

    不错啊!不知楼主对Cubieboard感兴趣不?开开这个的文章啊!

    qi 回复:

    @webyxm, 正在研究中。

    这是农场的第 14 块农田,部落批准 [webyxm] 在[2013-6-12 09:06]开垦完成.
  • 没用过vps羡慕嫉妒恨

    这是农场的第 15 块农田,部落批准 [可可豆] 在[2013-6-12 16:12]开垦完成.
  • 博主觉得H1F的VPS用哪个优化方案比较合适呢?

    qi 回复:

    @来盒子, 目前来说Apache要成熟一些,那个Nginx还在测试当中,可能会有不少的问题。

    来盒子 回复:

    @qi, 哇塞,秒回复啊~上次我给你提出的2个代码失效的貌似还没有改过来哦~ 不过我的VPS已经VNC装好了!欣喜若狂中… 上次帮你申请的失败了,我下次再帮你申请一次!

    qi 回复:

    @来盒子, 呵呵,多谢了。你挂机了?

    来盒子 回复:

    @qi, 是的,已经挂机了 2小时能挂大概100多个积分,速度比较快~而且VKM的面板安装系统非常麻烦,我是差了N久的资料才知道如何安装VNC ,毕竟提供debian6.06的系统,而且还带硬防火*的!网速速度测试达到60M!

    qi 回复:

    @来盒子, 一天是1000的积分,要是有多个IP就好了,Vagex支持5个IP。

    这是农场的第 16 块农田,部落批准 [来盒子] 在[2013-6-12 17:09]开垦完成.
  • 暗夜

    qi
    那个编译的参数
    $HOME 指的是什么?
    是源码的路径,还是指要安装的目录?
    我尝试了好几次,每次都是出现
    -bash: ./configure: No such file or directory

    这是农场的第 17 块农田,部落批准 [暗夜] 在[2013-7-24 15:41]开垦完成.
  • 四、Nginx ngx_pagespeed加速效果
    后面少一句话
    curl -I ‘https://localhost:8050/some_page/’ | grep X-Page-Speed

    这是农场的第 18 块农田,部落批准 [林子安] 在[2014-6-13 20:37]开垦完成.
  • 这插件很牛逼,我竟然现在才知道!!

    qi 回复:

    @Youth Daily, #出品的。

    这是农场的第 19 块农田,部落批准 [Youth Daily] 在[2015-7-9 09:53]开垦完成.
  • 我在LNMP一键安装包上试了好久,我是按照以下步骤测试的:
    我的是centos的:
    $ sudo yum install gcc-c++ pcre-devel zlib-devel make wget
    $ sudo mkdir -p /usr/local/nginx/modules
    $ wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.7.30.3-beta.tar.gz
    $ sudo tar xvfvz v1.7.30.3-beta.tar.gz -C /usr/local/nginx/modules –no-same-owner
    $ wget https://dl.#.com/dl/page-speed/psol/1.7.30.3.tar.gz
    $ sudo tar xvfvz 1.7.30.3.tar.gz -C /usr/local/nginx/modules/ngx_pagespeed-1.7.30.3-beta –no-same-owner
    $ sudo find /usr/local/nginx/modules/ngx_pagespeed-1.7.30.3-beta/ -type d -exec chmod +rx {} \;
    $ sudo find /usr/local/nginx/modules/ngx_pagespeed-1.7.30.3-beta/ -type f -exec chmod +r {} \;
    然后在升级nginx的./configure那里加入了 –add-module=/usr/local/nginx/modules/ngx_pagespeed-1.7.30.3-beta

    同时也参考了博主的这篇文章。试了好久老是出错,提示找不到/usr/local/nginx/sbin/nginx,我的是nginx1.9.5希望博主能帮帮我解决下问题,谢谢啦。

    qi 回复:

    @鲁路修, 这个提示应该是nginx没有成功安装,再试试重装一下nginx看看。

    这是农场的第 20 块农田,部落批准 [鲁路修] 在[2016-5-8 13:23]开垦完成.
看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


(Ctrl + Enter提交)   

部落快速搜索栏

热门点击排行榜

网站导航栏

X
返回顶部