javascript - Google PageSpeed Insights 问题 - 优先考虑可见内容

标签 javascript php html css google-pagespeed

在为一位稍微沉迷于 Google 工具和建议的客户开发成熟的网站时,我遇到了以下问题:

无论我做什么,我都无法为网站的主页获得满分。所有其他页面在移动设备和桌面设备上均为 100/100,但目标网页分别为 91 和 97 - 正如您在附图中看到的。

Desktop Result Mobile Result

我已经尝试了我能找到的所有相关步骤,包括正确构建 HTML 代码和异步加载其他所有内容,以及延迟加载图像。

代码的虚拟表示如下:

html head, metatags etc
inline blocks of css (to "fix" the render-blocking issues)
the html content, in correct order with above-the-fold first
deferred js load

我的问题是,我错过了什么?我还能做什么才能获得满分?

最佳答案

供将来引用和遇到相同问题的任何人:

我通过减小主页 PHP 文件的文件大小解决了这个问题。这在指南或网络上的回应中都没有出现,但正是它让我的评分达到了 100/100。

在我的特定实例中,我删除了包含的所有不必要的 CSS。仅此一点就减小了尺寸并消除了错误。

不过,我认为这个问题是错误的,并将继续向 Google 报告此问题 - 因为“优先考虑可见内容”与“减小文件大小”无关。

关于javascript - Google PageSpeed Insights 问题 - 优先考虑可见内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46651357/

相关文章:

javascript - 使用 Canvas 、SVG 和 js 在两个 div 之间绘制箭头或线

javascript - jQuery如何知道滚动事件已经完成

javascript - 为什么当我点击按钮时我的数据文件无法更改?

javascript - ExtJs 4.2 可编辑网格处理响应

php - Magento 1.9.2 中的 "Please specify the product' s 选项

javascript - 让<p>的高度决定<div>的高度

javascript - 如何让 JS 函数从 HTML 按钮返回到标题中?

php - MySQL随机选题

html - 如何平滑地将 CSS 动画恢复到当前状态?

javascript - 未捕获的类型错误 : Cannot read properties of undefined (reading 'dataTransfer' )