打开Pagespeed UI并运行 URL 时,带有核心 web vitals 的顶部几乎立即出现。 在我当前的用例中,我只对那部分感兴趣,而不是下面的 Lighthouse 诊断(加载需要几秒钟)。 但是当调用 API 时,我找不到排除 lighthouseResults(以提高性能)的方法。 ...
打开Pagespeed UI并运行 URL 时,带有核心 web vitals 的顶部几乎立即出现。 在我当前的用例中,我只对那部分感兴趣,而不是下面的 Lighthouse 诊断(加载需要几秒钟)。 但是当调用 API 时,我找不到排除 lighthouseResults(以提高性能)的方法。 ...
我创建了一个新的 nextjs 应用程序并在 lighthouse 中打开它的浏览器,但它的性能太低了。 如何改善此跟随错误。 最小化主线程工作——9.1 秒减少 JavaScript 执行时间 -- 4.5 秒查看新 nextjs 应用程序的屏幕截图 ...
大家好我正在开发一个大型 React 应用程序,我的新任务是优化它的性能以获得更好的灯塔性能分数我遇到的大问题是关于 lcp(最大的 contentfull paint)元素现在被称为我们的页面lcp 是一个有图像背景的 div,我读过很多关于如何优化该图像的文章,但所有关于 static 资产的讨 ...
我计划使用 jmeter 加载 1000 个并发用户的后端 api,同时使用 chrome lighthouse 或 pagespeed insight 工具来了解客户端的执行情况。 这是正确的方法还是有更好的方法来做到这一点? 尝试以 1000 个并发负载加载后端 api,同时使用 lighth ...
当我根据此处非常好的模板在网页上创建响应式菜单时: https ://www.w3schools.com/howto/howto_js_topnav_responsive.asp google lighthouse 声称这些链接不可抓取。 如何使链接可抓取 ...
我已经制作了我在本地托管的 PWA,并且运行良好。 一旦我将所有内容上传到托管服务,它似乎就不再工作了。 我检查了 Lighthouse,它提到清单文件有问题。 这是 Lighthouse 给我的消息。 我很困惑为什么清单文件有问题,因为它在本地主机上运行良好。 这是 manifest.json ...
我如何通过 laravel 中的灯塔在 GraphQL 的访问点传递参数,例如{url}/graphql?development=true 。如果开发是真的,我想在 laravel 中使用不同的数据库。 http://127.0.0.1:8000/graphql?development=true ...
我想将 Pagespeed API 配置为 React 应用程序,我想用 Field 和 Lab Data 检查我的应用程序的性能,我听说过 lighthouse 但它只显示实验室数据,所以我想自动化它在每个重大改变/承诺检查你没有破坏某些东西。 ...
我需要为多个测试场景生成多个灯塔报告。 通过使用 cypress-audit package 我写了一个生成灯塔报告的方法。 在下面你可以看到那个方法 下面你可以看到我是如何在调用“lighthouseAudit”方法后生成报告的 如您所见,我将报告命名为“lightHouseReport.htm ...
我正在寻找一个 web 性能工具,它可以添加到本地主机 CI-CD 管道,而不是在 PageSpeed Insights 中手动输入 URL 进行性能检查,我听说过 Pingdom,但真的不知道如何实施或将其添加到我的本地主机,因为没有足够的资源,我正在寻找一个可以自动化的工具,而不是 Lighth ...
我正在尝试通过修复 Google Lighthouse 报告的所有问题来优化我的 Next.js 应用程序。 它目前在图像方面最重要的陷阱之一: 根据文档,Next.js 自动为static文件夹中的媒体执行此操作 Next.js 自动将缓存标头添加到从 /_next/static 提供的不可变资 ...
铬灯塔告诉我: performance 89 (橙色) Cumulative Layout Shift 0.388 (红色警报!) Avoid large layout shifts html: css: 加载 DOM 时的 js: 最后,当 dom 中的一切就绪时,通过window.on ...
如何按 laravel 灯塔 graphql 中的相关列进行排序? 例如,我的产品只有一个类别,但我无法按类别排序。 我怎样才能做到这一点? GraphQL 我的模型,您可以在其中查看产品和类别之间的关系 解决方案创建生成器 然后将构建器添加到 schema.graphql 现在您可以通过关系来电 ...
我正在使用 Lighthouse 实现查询。 我正在使用 @paginate 指令,但它是一个复杂的条件,我想将它写在 a.php 文件中。 我已经看过但无法弄清楚如何做到这一点,所以我需要帮助。 以下方法获取关系失败,结果为null。 graphql - Laravel 灯塔分页字段结果 - ...
我安装了 Lighthouse 来为我们的网站运行速度测试分数。它对我来说有效,用户zak 我希望能够从 php 脚本运行它。这是整个脚本。 我得到回报: www数据 exaple.com 的测试结果: npm 错误! 无法读取未定义的属性(读取“split”) 如果我以 Zak 登录本机运行该 ...
我目前正在尝试提高我网站的 Lighthouse 分数。 Lighthouse 显示的最大问题是我没有为我的图像使用明确的宽度和高度。 问题在于我的图像几乎都有非常不同的纵横比,并且一直在添加新图像,因此无法手动修复此问题。 有哪些选择可以解决这个问题? ...
在 LCP、CLS、TTI、TBT、CLS、速度指数中,我应该最关注哪个指标来改进? (理想情况下,我应该专注于所有这些,但我正在尝试几种优化 LCP 的方法,但它们会导致其他指标下降)。 我在模拟节流上运行一次灯塔测试,然后在没有应用节流的情况下在开发工具节流上运行,然后当我运行灯塔扫描时,我通 ...
我能找到的关于为什么 Lighthouse 性能得分与台式机有很大不同的每个资源都说这是因为带宽/节流设置为 3G(仍然?),但更改节流设置并不会改变我的性能评级。 我用错了吗? 在 Lighthouse 选项卡中,我 select DevTools 节流(高级): 选择该选项后没有进一步的设置 ...
Lighthouse 将 svg 图像标记为“显示具有不正确纵横比的图像”: 显示的大小确实是50x50像素,这是用css设置的。 但是,Lighthouse 声称实际的纵横比是 300x150,而我相信实际的纵横比是 24x24。 这是 Lighthouse 的误报吗? 我能做些什么来摆脱这 ...
我想在实际用户页面加载的“字段”中以编程方式收集“最大内容绘制”指标,并将其报告给数据收集工具。 我知道我可以通过在特定 URL 上运行 lighthouse 在更人工的上下文中为单个页面获取此指标,但我想在实际用户运行我的应用程序时收集它。 我知道在 Javascript 中有一个新的最大内容油 ...