谷歌页面速度-类似图像优化
我的网站有大约2万张产品图片。Google页面速度提示我可以进行优化，这是正确的 - 差别巨大。Google能够保持相同的质量并将图像大小减小70-90％，而PageSpeed甚至为我优化它们并提供了一个链接到优化后的图像。如果我只有一些图片，那就太好了，但我无法手动更新20,000张图片。我...
对于具有不同宽高比的响应式图片，如何最小化累积布局偏移量？
如果您在不同断点上具有不同纵横比的图像源的<picture>元素，那么通过在CSS中使用纵横比和媒体查询来最小化CLS的最佳方法是什么？
如何使网站的第一部分先加载？（就像在谷歌PageSpeed中一样）
我拥有一个非常大的网站，加载时间相当长，需要大约120秒。我想做的是先加载网站的前半部分，然后用户可以在其他部分被加载时浏览。 我尝试做的如下所示。 首先，这可能吗？ 根据我的知识，是的，因为Google PageSpeed就是这么做的。但问题是如果我使用PageSpeed，我必...
使用NextJS减少JS执行时间
我有一个网站，正在尝试优化lighthouse页面速度排名。我刚从带有nginx缓存的SSR转换到使用next export和exportPathMap以及getInitialProps（还带有nginx缓存）。 感兴趣的特定页面有大量流量。 切换到静态页面后，第一张内容图片在“慢3G”下加载...
Font-awesome CDN JS 在 Pagespeed Insights 中显示为阻塞渲染
我不直接链接到Font Awesome的CSS，而是使用来自Font Awesome CDN的js，以允许主页上图标的异步加载，但Google的Pagespeed Insights仍将其标记为渲染阻止js。 我正在使用Font Awesome CDN提供的定制js链接，并将其放在部分（我也可...
如何修复“在HTTP头中设置到期日期或最大年龄”的问题。
我正在使用FTP。当我在页面速度测试工具上运行我的网站时，它给出以下消息：“在HTTP标头中为静态资源设置到期日期或最大年龄会指示浏览器从本地磁盘加载先前下载的资源，而不是通过网络加载。” 我该如何解决这个问题？
使用Bootstrap与加速移动页面（AMP）
我有一个使用Bootstrap的网站，目前我技术上正在使用Bootstrap 4。我想在页面的公开部分利用加速移动页面（AMP）。但是，我有一些错误似乎无法解决。这让我想知道，我能否在加速移动页面中使用Bootstrap？我能否在加速移动页面中使用JavaScript？Bootstrap在移动...
在PageSpeed Insights API v5的JSON结果中查找分数
我正在尝试使用Google v5 API页面速度测试，但是在JSON结果中找不到SCORE。 这是API https://www.googleapis.com/pagespeedonline/v5/runPagespeed 在v4中，有一个ruleGroups.SPEED.score规则组，其...
Google PageSpeed和ImageMagick的JPG压缩
给定一个用户上传的图像，我需要创建各种缩略图以在网站上显示。 我正在使用ImageMagick并尝试使Google PageSpeed满意。 不幸的是，无论我在转换命令中指定什么质量值，PageSpeed仍然能够建议进一步压缩图像。 请注意http://www.imagemagick.org...