0%

根据PageSpeed Insights优化博客

因为经常在Google AdSense那里看到说我的网站状况只有两点评分,一直提示我的网页速度效果不好,然后点进去用PageSpeed看了一下,发现只有68的评分,尼玛,折腾的动力一下就有了,用了一个上午的时间,把分数提升到90的评分。下面是折腾的过程:主要是说我有两个红色感叹号的问题,不修正相应问题会对网页性能产生实质影响。然后那两个问题分别是启用压缩和使用浏览器缓存。

  1. 启用压缩,使用gzip或deflate压缩资源可以减少通过网络发送的字节数。为以下资源启用压缩可将其传送大小减少133.7KiB(64%)。
    google了一下,启用压缩的方法五花百门,有的通过php里面的库来压缩,有的直接把代码加进去压缩。不过我这种又想修改尽量少,又想实现得尽量合理。就选取了httpd里面的mod_deflate模块实现。
    先说一下我的环境:亚马逊的Amazon Web Services的AMI服务器。httpd和php之类的全部都用yum命令自动装上的,貌似都是挺新的版本,所以可以本来就自带deflate模块,配置文件的路径可能不大一样。
    sudo vi /etc/httpd/conf/httpd.conf
    找到LoadModule这一行,确定没有被注释掉,如果前面有一个#就要把#删掉。
    LoadModule deflate\_module modules/mod\_deflate.so
    然后在LoadModule的后面添加下面的语句,设置压缩比例,压缩的文件类型。
    1
    2
    3
    DeflateCompressionLevel 6
    AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css text/javascript application/xml application/x-httpd-php
    AddOutputFilter DEFLATE html htm xml php css js
    第一个问题这样就可以解决掉。
  2. 使用浏览器缓存,在 HTTP 标头中为静态资源设置过期日期或最长存在时间,可指示浏览器从本地磁盘中加载以前下载的资源,而不是通过网络加载。 这个问题更加简单 进入worldpress根目录,编辑.htaccess
    添加以下语句
    Header set Cache-Control "max-age=864000"
    表示如果是css|gif|jpg|jpeg|png|ico|js这些文件类型的话,就缓存864000秒,就是10天。
    搞定,收工。