安装Google PageSpeed模块

您将要创造的

欢迎使用第三篇有关优化Google Page Speed的教程。 对于那些不知道的人， Google PageSpeed是一个免费工具，可以评估您的网站在移动和台式机平台上的性能和可用性。 这一点特别重要，因为Google使用它来确定我们的SEO排名的关键要素，即我们在搜索结果中的排名。

因此，网站管理员知道拥有良好的PageSpeed有点重要，尽管对此存在争议。 例如，《纽约时报》的页面速度目前为60和68（满分100）。

在第一集中，我向您介绍了如何尝试使用由现已停用的提供商“ 动手改进Google PageSpeed（Envato Tuts +）”制作的主题来提高PageSpeed。 最终，我将其制作为PageSpeed移动版70和台式机86。

在第二集中，我使博客成为重点开发站点，并自定义了WordPress代码，以使其在移动和台式机上都达到PageSpeed 100。 请参阅在WordPress中优化Google PageSpeed到100（Envato Tuts +） 。

我曾经成功地做到这一点：

今天，我将向您详细介绍我在PageSpeed优化方面的经验，以及一个鲜为人知的替代方法，即Google自己的PageSpeed模块 。 您可以为Apache和nginx安装它。

PageSpeed可以与您的Apache或Nginx Web服务器集成，以自动优化您的站点。 — Google

在开始之前，请记住，我确实会尝试参加以下讨论。 如果您有任何问题或建议，请在下面发表评论，或通过Twitter @reifman与我联系 。 我对您在WordPress和PageSpeed方面的经验很感兴趣。

维持最佳的PageSpeed

如果我的博客是我的全职工作重点，那么随着WordPress插件更新和主题更新的到来，维护PageSpeed的优化代码可能并不难。 但事实并非如此。 而且，坦率地说，维持这项工作非常耗时。

我渴望回到过去的鼠标单击更新。

Google不会为您提供高PageSpeed奖励

我还注意到，在切换到新主题并将我的PageSpeed优化为100后，流量实际上一直在下降并保持下降。 当然，响应式主题布局与它有关，但是Google从来没有奖励我达到100 PageSpeed。

类似地，正如我在WordPress中安装AMP（Envato Tuts +）中所讨论的那样，创建AMP是为了吸引媒体发布者的注意，但对于小型发布者而言并没有增加多少。 提供AMP支持后，Google从未向我的博客提供额外的访问量。

因此，我决定放弃对PageSpeed的关注，而改用新主题，这将帮助用户更轻松地浏览我的网站。 我还暂时卸载了AMP。

试用Google PageSpeed模块

似乎是绝佳的机会，可以禁用我所有的自定义JavaScript和CSS捆绑功能，并尝试使用Google的PageSpeed模块，该模块可在服务器级别为您完成此操作。

关于Google PageSpeed模块

基本上，Google PageSpeed模块会自动执行其PageSpeed排名所寻求的许多性能优化。 它在流行的开源服务器Apache和nginx上可用。

PageSpeed模块可​​压缩和合并包括的文件（例如JavaScript和CSS样式表），但也将使用压缩的渐进文件格式（ .webp ）替换图像。

安装之前我的PageSpeed的快照

安装新主题后，我拍摄了PageSpeed得分的“之前”快照。 我收到了桌面版的83：

较低的64位用于移动设备：

安装PageSpeed模块

对于本教程，我将指导您完成Apache的安装。 Google也提供nginx安装说明 。

PageSpeed模块不包含在Ubuntu软件包目录中，因此您需要通过wget手动下载它：

$ wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_amd64.deb
--2016-10-02 15:10:54--  https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_amd64.deb
Resolving dl-ssl.google.com (dl-ssl.google.com)... 74.125.22.136, 74.125.22.91, 74.125.22.190, ...
Connecting to dl-ssl.google.com (dl-ssl.google.com)|74.125.22.136|:443... connected.
HTTP request sent, awaiting response... 200 OK
Length: 7009850 (6.7M) [application/x-debian-package]
Saving to: ‘mod-pagespeed-stable_current_amd64.deb’

100%[=========================================================================>] 7,009,850   38.6MB/s   in 0.2s

2016-10-02 15:10:54 (38.6 MB/s) - ‘mod-pagespeed-stable_current_amd64.deb’ saved [7009850/7009850]

然后，使用dpkg安装模块：

$ sudo dpkg -i mod-pagespeed-*.deb
Selecting previously unselected package mod-pagespeed-stable.
(Reading database ... 668500 files and directories currently installed.)
Preparing to unpack mod-pagespeed-stable_current_amd64.deb ...
Unpacking mod-pagespeed-stable (1.11.33.2-r0) ...
Setting up mod-pagespeed-stable (1.11.33.2-r0) ...
Enabling module pagespeed.
To activate the new configuration, you need to run:
  service apache2 restart

最后， apt-get -f install修复所有依赖项：

$ sudo apt-get -f install
  [sudo] password for ...:
  Reading package lists... Done
  Building dependency tree
  Reading state information... Done
  The following packages were automatically installed and are no longer required:
    ca-certificates-java default-jre default-jre-headless fonts-dejavu-extra
    gconf-service gconf-service-backend gconf2 gconf2-common icedtea-6-jre-cacao
    icedtea-6-jre-jamvm icedtea-netx icedtea-netx-common java-common
    java-wrappers libasyncns0 libatk-wrapper-java libatk-wrapper-java-jni
  ...
  ...
    openjdk-7-jre openjdk-7-jre-headless sound-theme-freedesktop
    ttf-dejavu-extra tzdata-java
  Use 'apt-get autoremove' to remove them.
  0 upgraded, 0 newly installed, 0 to remove and 0 not upgraded.

然后，重新启动Apache服务器：

$ sudo service apache2 restart
 * Restarting web server apache2

从CDN支持文件

之前，我写过一篇赞助文章，并继续使用KeyCDN加速您的内容交付 。 如果您的站点使用CDN，则需要将其告知PageSpeed模块。

查看和编辑模块的配置文件的方法如下：

$ sudo nano /etc/apache2/mods-available/pagespeed.conf

这是基本配置：

<IfModule pagespeed_module>
    # Turn on mod_pagespeed. To completely disable mod_pagespeed, you
    # can set this to "off".
    ModPagespeed on

    # We want VHosts to inherit global configuration.
    # If this is not included, they'll be independent (except for inherently
    # global options), at least for backwards compatibility.
    ModPagespeedInheritVHostConfig on

默认情况下，您所有的站点都可以使用它。 但是您必须手动添加CDN子域：

# ModPagespeedDomain
   # authorizes rewriting of JS, CSS, and Image files found in this
   # domain. By default only resources with the same origin as the
   # HTML file are rewritten. For example:
   #
   #   ModPagespeedDomain cdn.myhost.com
   #
   # This will allow resources found on http://cdn.myhost.com to be
   # rewritten in addition to those in the same domain as the HTML.
   #
   # Other domain-related directives (like ModPagespeedMapRewriteDomain
   # and ModPagespeedMapOriginDomain) can also authorize domains.
   #
   # Wildcards (* and ?) are allowed in the domain specification. Be
   # careful when using them as if you rewrite domains that do not
   # send you traffic, then the site receiving the traffic will not
   # know how to serve the rewritten content.
ModPagespeedDomain c?.jeffreifman.com

我的CDN位于c1，c2-，c3-和c4- .jeffreifman.com，所以我使用了? 通配符指的是以上所有四个。

然后，当然，您必须像之前一样重新启动Apache。

查看PageSpeed模块结果

您可以在站点上检查源代码，以查看PageSpeed模块是否正常运行。 这是JeffReifman.com页面顶部的示例 ：

<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="http://jeffreifman.com/xmlrpc.php">
<script type="text/javascript"
 src="http://jeffreifman.com/wp-content/cache/minify/568f4.js.pagespeed.jm.7B4hJGmADB.js">
 </script>

注意，src URL现在是：

568f4.js.pagespeed.jm.7B4hJGmADB.js

这是一个较大的手动放置的图片（可能是我的自家广告之一），PageSpeed将该图片转换为.webp：

<img src="http://c3.jeffreifman.com/wp-content/uploads/2016/10/
xssd-virtual-servers-300x250.jpg.pagespeed.ic.g1foLP8khJ.webp"

所有这些都是自动发生的。

PageSpeed的重大变化

总体而言，使用PageSpeed模块的结果本身并不令人理解。 我在台式机上获得了4分，在移动设备上获得了8分（更好）。

以下是台式机的折后分数：

这是手机的事后得分：

收盘时

如果您是系统管理员，则Google PageSpeed模块将非常有帮助。 它是完全可配置的，并且您可以通过多种方式自定义它以产生更好的影响。 但是，对于一般的开发人员，我对其效果感到怀疑：

• 基本性能提升有限。
• 进一步的定制非常复杂。
• PageSpeed的收益并不能明确（如果有的话）与增加的搜索引擎流量相对应。

我很高兴Google提供了该模块，并且该模块旨在在复杂的系统中运行，但是它对日常DIY系统管理员的影响是有限的。

如有疑问，请在下面发布。 或者，您可以通过Twitter @reifman与我联系 。 请查看我的Envato Tuts +讲师页面以查看我编写的其他教程，例如在Linux中克隆WordPress（在90秒内完成） 。我鼓励您在此处查看我的两个编程系列： 如何使用Yii2编程和构建自己的 教程。 用PHP启动 。

相关链接

• Google PageSpeed
• Google PageSpeed模块
• 在WordPress中将Google PageSpeed优化为100（Envato Tuts +）
• 动手改善Google PageSpeed（Envato Tuts +）
  
• 带有WordPress（KeyCDN）的Google PageSpeed评分100/100

翻译自: https://code.tutsplus.com/tutorials/installing-the-google-pagespeed-module-alternative--cms-26425