如何使用从Google PageSpeed Insight下载的优化资源？

Question

我正在使用Wordpress并使用子主题。我运行Google PageSpeed Insight并从Google PageSpeed Insight下载优化文件（图片，CSS，JS）。

我不确定在哪里放下我下载的文件。

1. JS，CSS - 我想继续使用没有缩小的JS和CSS。我希望每次更新JS / CSS文件时都会创建缩小的文件。这可能吗？

2. 优化文件属于父主题。但是，我不想更改父主题中的文件。有没有一个好方法来处理这个问题？

3. 我尝试使用WordPress插件优化图像。优化后Google仍然会显示这些图片应该进行优化。我从Google PageSpeed Insight下载的优化图片太小，无法在桌面上显示。我不明白我该怎么处理它。

Answer 1

您始终可以使用构建任务运行器来自动化您的开发过程。使用the ones listed here之类的Web性能插件可以让您开发和自动化CSS / JS缩小，图像优化等。

一个很棒的工具是Grunt，它允许您使用现有的Wordpress开发工作流程。这意味着您只需在完成开发后运行构建任务。有一些很棒的教程可以向您展示如何使用Grunt with Wordpress development和Grunt。