- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我们已经开始使用 Lighthouse 来跟踪我们对网站所做的改进。虽然这对于桌面网站似乎非常有效,即我们看到随着时间的推移和我们进行更改时值(value)会提高,但对于移动网站来说,值(value)一直很低。我们确实重复了测试并使用了三个中最好的一个,但仍然如此。
下面是《纽约时报》移动网站的结果,似乎相对于桌面网站表现不佳。另外两个是我们的站点,主站点,第三个是我们自己的站点。
浏览网站(当然还有 NYT),根本感觉不到这种明显的糟糕表现。
测试过程:
现在,尽管最初对 Lighthouse 能够通过管理人员易于消化的聚合数据来评估站点的能力充满热情,但我们的印象是它们实际上没有用,因为它们不符合用户的现实并且不即使我们做出改变,也会改变。
此外,这是一个单页应用程序,页面的第一次加载可能需要更多时间,但任何进一步的导航都是准即时的。我们找不到 Lighthouse 功能来考虑这一点。
最佳答案
不,您不能真正依赖 Lighthouse。正如您所观察到的,众所周知的快速网站在测试中表现不佳。虽然有一些原因,但它不会帮助您测量实际加载速度。缓存是一个重要因素。延迟加载有时会被混淆为尚未加载。因此,即使您的网站已加载,Lighthouse 也可能会检测到缺失的部分并认为它尚未加载。
Pingdom 对此非常有用,它为您提供了测试不同区域的选项,我认为这比一个服务器适合所有人更现实。GTmetrix 的 Legacy 版本也很棒,因为它直接指向您可以进行哪些改进,但它仅在加拿大进行测试(除非您购买 PRO 版本)。它考虑了缓存。
关于performance - 我可以依赖 Google Lighthouse 报告(尤其是移动网站)吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64242016/
我想在身份验证墙后面运行 Lighthouse 审计。例如,下面我尝试使用 PageSpeed Insights 将 Lighthouse 运行到通常解析为我的 Gmail 帐户的 URL。但是,如下
我可以在同一个突变上插入多个吗? 我想知道这是否存在。 这是我的架构 type Test { id: ID name: String msg: String } input t
在学习 TWA 时,大多数谷歌教程都在 Playstore、Myntra.com(Myntra lite)、NavbharathTimes 中给出了 oyorooms.com 的 OyoLite 应用
我在灯塔中定义了一个查询: extend type Query { products(input: ListInput @spread): [Product] @field(r
我想要将 Azure 订阅加入到我的租户中。为此,我使用 subscriptionDeploymentSchema 创建了一个 ARM 模板。如果我从门户打开此模板,系统会提示我选择一个区域。有什么方
几天前,我在 blob 存储中使用带有 ARM 模板的服务主体来吸引客户,然后客户访问了以下 URL: https://portal.azure.com/#create/Microsoft.Templ
问题描述: 海中有许多灯塔。海的范围是[1, 10^7] × [1, 10^7]。 每个灯塔都可以照亮西南和东北地区。光的力量足以覆盖任何距离。 如果灯塔A和B都在照亮区,说明它们可以互相照亮。 输入
前言 工欲善其事,必先利其器。了解完性能指标之后,性能优化的目标已经明确了。接下来我们借助一些性能测量工具,明确网站距离优化目标还有多大的差距,我将用3篇文章分别介绍3款主流的
正如标题所说,我正在尝试为我在本地提供的 nuxt 应用程序生成报告。如果我通过 DevTools 生成报告,则需要花费很长时间并且给我的评分非常差(与在部署的同一站点上生成报告相比)。 如果我尝试使
我正在努力构建一个简单的 Facebook 克隆来积累我对 GraphQL 的了解。我正在使用 lighthouse-php在 Laravel 之上为我的数据提供服务。本质上,一个用户有很多 frie
我们网站上的页面的 CLS 一直接近于零。这是有道理的,因为它们是服务器呈现的 HTML 页面,具有简单的静态布局。 最近我们添加了 content-visibility: auto 的使用,如下所示
以下是三个顶级网站的 Chrome Lighthouse 得分:优步、爱彼迎和必胜客。测试是在选择 Mobile 的情况下进行的: 分数似乎与实际的移动页面加载速度不匹配 - 对于像这样的顶级高流量网
我 build 了我的第一个 渐进式网页应用 (PWA) 在 react js 中。当我点击 生成报告 在 DevTools 中 Chrome 的审核选项卡上,它显示消息灯塔正在永远升温。 我的 ch
我正在使用 Google Lighthouse 来计算性能得分。标准之一是缓存静态 Assets ,例如图像和脚本。 我无法控制所有这些,但我可以控制缓存的那些已设置为 30 天。但是,Lightho
使用如下所示的架构,是否可以执行查询并按 name 对结果进行排序? JobType 的属性(property)实体?我想要一个分页的工作列表,并按字母顺序显示按工作类型名称排序的结果。 extend
我需要对一个网站进行全面审核,但我想知道是否有任何方法可以让 Lighthouse 做到这一点。我知道他们不支持完整的站点审计或多个 URL,但我发现它可以通过使用 bash 脚本来完成。因此,我将不
任何人都可以告诉我如何使用 lighthouse graphql 订阅,我按照此处的说明执行了所有步骤 https://lighthouse-php.com/3.1/extensions/subscr
在我的 graphql API 中,我必须通过两个不同的因素来授权对字段的请求。用户是否有权访问数据或数据是否属于用户。例如,用户应该能够看到自己的用户数据,所有拥有管理员权限的用户也应该能够看到这些
在我的 graphql API 中,我必须通过两个不同的因素来授权对字段的请求。用户是否有权访问数据或数据是否属于用户。例如,用户应该能够看到自己的用户数据,所有拥有管理员权限的用户也应该能够看到这些
我正在按照 Lighthouse 网站上的教程学习主版本 (4.1)。 https://lighthouse-php.com/4.1/getting-started/tutorial.html#ins
我是一名优秀的程序员,十分优秀!