lighthouse相关内容

如何在Nextjs应用程序中删除.js块?

我有这个nextjs应用程序,灯塔一直告诉我要删除未使用的区块。 …chunks/26c47f1….6971807….js 410.0 KiB 399.8 KiB …chunks/25.91c4046….js 437.6 KiB 392.5 KiB …chunks/30.3fdf525….js 我不知道它们是如何生成的,也不知道如何删除它们。我到处都找过了,也没找到解决方案。 如何 ..
发布时间:2022-07-24 11:01:51 其他开发

当WebP可用时,Chrome默认使用JPG。为什么?

当WebP文件可用时,Chrome默认为jpg/png文件。我通过灯塔运行了一个审计网站,它建议适当调整图片大小,并使用“下一代”格式。在将文件更改为WebP(并创建多种大小的文件)后,我将文件添加到一个图片标签下。当我现在打开开发人员工具时,LighTower现在给我开了绿灯,允许我使用下一代格式和多种文件大小,但默认只使用jpg/png格式。 ..
发布时间:2022-04-04 13:59:53 其他开发

灯塔:无法在本地主机上运行生成报告

正如标题所说,我正在尝试为本地提供的nuxt应用程序生成报告。 如果我通过DevTools生成报告,则花费的时间非常长,并且得分非常低(与在部署的同一站点上生成报告相比)。 如果我尝试使用灯塔扩展,则";生成报告";按钮被禁用。 我做错了吗?或者有没有什么方法可以在本地生成有效的报告? 提前感谢。 图片: chrome extension dev ..
发布时间:2022-02-25 13:32:27 前端开发

“Lighthouse 无法下载 robots.txt 文件"尽管文件可以访问

我有一个 NodeJS/NextJS 应用程序在 http://www.schandillia.com.该项目有一个 robots.txt 文件,可在 http://www.shandillia 访问.com/robots.txt.截至目前,该文件是用于测试目的的准系统: 用户代理:*允许:/ 但是,当我在我的网站上运行 Lighthouse 审核时,它会引发 抓取和索引错误,说它无法下载 r ..

灯塔多个 URL

我需要对一个网站进行全面审核,但我想知道是否有任何方法可以让 Lighthouse 做到这一点.我知道他们不支持完整的站点审计或多个 URL,但我发现它可以通过使用 bash 脚本来完成.因此,我将不胜感激对此案的任何帮助!或者,也许您会推荐任何灯塔替代品? 先谢谢你! 解决方案 在我公司,我们想收集我们登陆网站、应用产品以及竞争对手产品的大部分页面的网站性能数据,所以有时有数百个 ..
发布时间:2021-11-30 16:54:21 前端开发

如何在反应头盔中预加载最大内容的绘画图像

我在灯塔里收到了这个警告 我尝试执行了解更多链接告诉我的操作,并在图像的头部包含一个预加载标签,但我仍然收到警告 我尝试了这个预加载标签,当我右键单击图像并选择“在新标签页中打开"时,该 url 是浏览器中的那个 我还使用 img-optimizer-loader 对我的图像进行网络优化并将它们转换为 webpack 配置中的 webp,如下所示 {测试:/\.(gif|png| ..
发布时间:2021-09-23 19:08:37 其他开发

为 iOS 编译 Qt(UIKit 灯塔)

我一直在尝试为 iOS 编译 Qt,但我遇到了一些其他人似乎没有遇到的疯狂问题(至少根据我在过去一天读到的内容). 我按照本文中的说明操作:文章网址 我从 git 克隆了最新的 Qt 4.8:$ git clone git://gitorious.org/qt/qt.git 我创建了 qt-lighthouse-ios-simulator 文件夹,cd 到它. 我运行了文章中的一长 ..
发布时间:2021-09-12 20:36:38 移动开发

Lighthouse PWA 审计返回“离线时 start_url 不响应 200";错误

我遇到了 Lighthouse 的 PWA 审核问题.我正在使用 Service Worker sw.js 成功缓存 offline.html 回退(当用户没有网络连接时)和 start.html(在 manifest.json 中定义为 start_url 并且在用户从主屏幕图标打开网站时显示). 当我使用 Lighthouse 验证 PWA 清单时会出现此问题,这会引发此(仅)错误: ..
发布时间:2021-06-21 20:40:11 其他开发

Lighthouse Field 数据很长时间没有更新,我该怎么办?

由于错误的用户体验设计,我的 CLS 分数非常低.但是,我在一个多月前修复了这个错误. 但现场数据仍未更新. 我应该怎么做才能强制更新 Field 数据? 解决方案 如何强制更新 Field 数据? 你不能害怕. 但是,如果您想实时查看累积布局偏移数据(以发现任何问题/尽早确认修复),您可以使用“网络生命体征库";- 请参阅本答案末尾的最终 3 级标题(“使用 Ja ..
发布时间:2021-06-15 19:32:46 其他开发

如果 Page Speed Insights 说一件事而 Search Console 说另一件事,如何找到累积布局偏移问题

随着累积布局偏移 (CLS) 现在成为 Page Speed Insights (PSI) 和 Google Search Console (GSC) 的标准,我想知道如果 PSI 返回 0 值但字段数据返回,应该使用什么方法来识别 CLS高价值. 例如,根据 Search Console,我有一个页面在 PSI 上的得分为 0,但桌面版的 CLS 得分为 0.99(移动版为 0). ..
发布时间:2021-06-15 19:01:59 其他开发

Cumulative Layout Shift 是否停止衡量用户交互?

Cumulative Layout Shift 指标是否停止衡量用户交互?Google 关于累积布局转换的指南说: 响应用户交互(点击链接、按下按钮、在搜索框中键入等)是一般没问题,只要偏移发生得足够接近关系对用户来说很清楚的交互. 解决方案 请务必记住,累积布局转换 (CLS) 不仅仅关注页面加载.我们看到的许多最有问题的布局转换发生在页面的初始加载完成之后.您可能已经开始阅读文章 ..

脱机时,start_url不会以200进行响应:start_url确实进行了响应,但没有通过服务人员进行响应.灯塔审计问题

我正在创建一个与服务工作者脱机工作的PWA. 现在它可以正常工作,但是Lighthouse Audit中存在问题. 当我运行Lighthouse时,在PWA部分中出现了以下问题:脱机 start_url确实响应,但没有通过服务人员响应,start_url不会以200响应. 即使有其他审核表明我已经成功安装了Service Worker,我如何通过该审核? 我的网站在这里: ..

从LightHouse到Performance之间的LCP时间-Google Chrome

使用google chrome chrome开发人员,我正在运行灯塔分析手机版. 灯塔显示最大内容绘画(LCP)的7.0秒延迟: 它将我重定向到“性能"选项卡: 0.7497秒的表现 LightHouse的时间为7.0秒 解决方案 为什么Lighthouse显示更长的加载时间? 答案是模拟的网络限制和 CPU节制..> 模拟网络节流 运行审核时,它将对每个请求施加 ..

加快盖茨比的表现

我被赋予一项工作任务,以提高我的项目的性能.目前,Google Lighthouse得分波动不定,但总体上来说得分并不是很高,因此我们正在尝试找出如何提高其性能以向我们的领导者炫耀. 我们的项目将整个Gatsby网站作为单个JavaScript包加载.这将从站点创建一个页面应用程序,该应用程序允许通过JavaScript快速加载新页面.但是,与我们的WordPress网站一样大的东西,会产生 ..
发布时间:2021-05-09 20:40:25 前端开发