在使用mod_pagespeed时跳过传统页面加载/速度技术

Question

我试图确定某些＆＃34; PageSpeed最佳做法＆＃34;现在我们使用mod_pagespeed（Apache）可以跳过我们的前端团队和构建过程。 mod_pagespeed自动执行的可能被跳过的示例包括： 1.组合和缩小JS和CSS（例如可以使用像Browserify这样的工具） 2.压缩图像 3. JS和CSS的异步加载/注入（脚本加载器，雾化等） 4.缓存清除的静态资产版本控制（grunt-usemin等）

为了给出一个示例答案，我现在已经删除了静态资产版本控制，而是将我们的global.js和global.css文件设置为非版本化且具有较短的到期时间。这是因为mod_pagespeed无论如何都会以巨大的过期快速对它们进行版本化。

Answer 1

我们为大型电信公司的主门户网站实施了mod_pagespeed。虽然PageSpeed是一个非常方便的优化工具，但它并不是一个魔术棒，并且有一些严格的限制。我们废除了大多数传统技术，但发现需要大量手动修复资源才能实现优化。

1. 结合并缩小JS和CSS？是的，但请注意以下限制：

   • 您无法跨内联脚本和IE条件注释组合JavaScript。
   • 您无法合并使用＆＃34;使用严格＆＃34;的JavaScript文件。 （您可能需要一个过滤器来在运行时删除它们）
   • https://developers.google.com/speed/pagespeed/module/filter-css-combine和https://developers.google.com/speed/pagespeed/module/filter-js-combine
   的进一步限制
   • mod_pagespeed必须能够获取并重写您的资源（如果配置不正确，则不会发生任何事情）
2. 压缩图片？是的，但请注意以下限制：
   • GIF动画未压缩
   • 需要对您的mod_pagespeed配置应用相当多的调整才能使图像压缩最适合您的网站
3. JS和CSS的异步加载/注入？有点：
   • 你仍然需要像require.js这样的条件加载JavaScript。我们有一个服务器端解决方案
   • 您会发现许多JavaScript无法异步加载，您必须使用以下标记加载：<script pagespeed_no_defer="">...</script>
   • 没有用于异步/条件注入CSS的机制
   • 此外，延迟加载图像效果非常好。
4. 缓存清除的静态资产版本控制？是。这是mod_pagespeed真正闪耀的一个领域，我们没有必要做任何手动修复来实现这一点。但请注意，如果您有可将资源标记为可缓存的标头，则mod_pagespeed只能使用此方法。

此外，如果您考虑使用图像精灵，请注意它的极限限制： Image spriting with mod_pagespeed