lighthouse相关内容
我有这个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 我不知道它们是如何生成的,也不知道如何删除它们。我到处都找过了,也没找到解决方案。 如何
..
当WebP文件可用时,Chrome默认为jpg/png文件。我通过灯塔运行了一个审计网站,它建议适当调整图片大小,并使用“下一代”格式。在将文件更改为WebP(并创建多种大小的文件)后,我将文件添加到一个图片标签下。当我现在打开开发人员工具时,LighTower现在给我开了绿灯,允许我使用下一代格式和多种文件大小,但默认只使用jpg/png格式。
..
正如标题所说,我正在尝试为本地提供的nuxt应用程序生成报告。 如果我通过DevTools生成报告,则花费的时间非常长,并且得分非常低(与在部署的同一站点上生成报告相比)。 如果我尝试使用灯塔扩展,则";生成报告";按钮被禁用。 我做错了吗?或者有没有什么方法可以在本地生成有效的报告? 提前感谢。 图片: chrome extension dev
..
我有一个 NodeJS/NextJS 应用程序在 http://www.schandillia.com.该项目有一个 robots.txt 文件,可在 http://www.shandillia 访问.com/robots.txt.截至目前,该文件是用于测试目的的准系统: 用户代理:*允许:/ 但是,当我在我的网站上运行 Lighthouse 审核时,它会引发 抓取和索引错误,说它无法下载 r
..
我需要在调用 lighthouse 时传递 connection 参数 https://github.com/GoogleChrome/lighthouse/blob/master/lighthouse-core/index.js#L41 async function lighthouse(url, flags = {}, configJSON, connection) {//验证 url
..
我需要对一个网站进行全面审核,但我想知道是否有任何方法可以让 Lighthouse 做到这一点.我知道他们不支持完整的站点审计或多个 URL,但我发现它可以通过使用 bash 脚本来完成.因此,我将不胜感激对此案的任何帮助!或者,也许您会推荐任何灯塔替代品? 先谢谢你! 解决方案 在我公司,我们想收集我们登陆网站、应用产品以及竞争对手产品的大部分页面的网站性能数据,所以有时有数百个
..
我有一个在 Google Page Speed Insights 上得分很高的网站,但它显示了一个性能问题,显示该文件的“删除未使用的 JavaScript": https://www.gstatic.com/recaptcha/releases/2diXFiiA9NsPIBTU15LG6xPf/recaptcha__en.js 但是,我尝试删除我的 Invisible Captcha
..
我在灯塔里收到了这个警告 我尝试执行了解更多链接告诉我的操作,并在图像的头部包含一个预加载标签,但我仍然收到警告 我尝试了这个预加载标签,当我右键单击图像并选择“在新标签页中打开"时,该 url 是浏览器中的那个 我还使用 img-optimizer-loader 对我的图像进行网络优化并将它们转换为 webpack 配置中的 webp,如下所示 {测试:/\.(gif|png|
..
我一直在尝试为 iOS 编译 Qt,但我遇到了一些其他人似乎没有遇到的疯狂问题(至少根据我在过去一天读到的内容). 我按照本文中的说明操作:文章网址 我从 git 克隆了最新的 Qt 4.8:$ git clone git://gitorious.org/qt/qt.git 我创建了 qt-lighthouse-ios-simulator 文件夹,cd 到它. 我运行了文章中的一长
..
我添加了两个 npm "@lhci/cli";和 puppeteer.之后我添加了两个配置文件 lighthouserc.js:配置细节是: module.exports = {词:{上传:{目标:'临时公共存储'},搜集: {puppeteerScript: 'puppeteer-script.js',chromePath: puppeteer.executablePath(),网址
..
我遇到了 Lighthouse 的 PWA 审核问题.我正在使用 Service Worker sw.js 成功缓存 offline.html 回退(当用户没有网络连接时)和 start.html(在 manifest.json 中定义为 start_url 并且在用户从主屏幕图标打开网站时显示). 当我使用 Lighthouse 验证 PWA 清单时会出现此问题,这会引发此(仅)错误:
..
由于错误的用户体验设计,我的 CLS 分数非常低.但是,我在一个多月前修复了这个错误. 但现场数据仍未更新. 我应该怎么做才能强制更新 Field 数据? 解决方案 如何强制更新 Field 数据? 你不能害怕. 但是,如果您想实时查看累积布局偏移数据(以发现任何问题/尽早确认修复),您可以使用“网络生命体征库";- 请参阅本答案末尾的最终 3 级标题(“使用 Ja
..
随着累积布局偏移 (CLS) 现在成为 Page Speed Insights (PSI) 和 Google Search Console (GSC) 的标准,我想知道如果 PSI 返回 0 值但字段数据返回,应该使用什么方法来识别 CLS高价值. 例如,根据 Search Console,我有一个页面在 PSI 上的得分为 0,但桌面版的 CLS 得分为 0.99(移动版为 0).
..
我们的开发页面在页面速度洞察方面给出了正确的分数. https://developers.google.com/speed/pagespeed/insights/?hl=en&url=https%3A%2F%2Fdev.techtitute.com 但是我们的生产页面总是返回扫描错误: Lighthouse 返回错误:FAILED_DOCUMENT_REQUEST.Lighthous
..
Cumulative Layout Shift 指标是否停止衡量用户交互?Google 关于累积布局转换的指南说: 响应用户交互(点击链接、按下按钮、在搜索框中键入等)是一般没问题,只要偏移发生得足够接近关系对用户来说很清楚的交互. 解决方案 请务必记住,累积布局转换 (CLS) 不仅仅关注页面加载.我们看到的许多最有问题的布局转换发生在页面的初始加载完成之后.您可能已经开始阅读文章
..
灯塔一直告诉我“图像元素没有明确的宽度和高度".即使我尝试将其添加到css或img中,但问题仍然存在: img.medium {最大宽度:29rem;宽度:100%;} 或
..
我正在创建一个与服务工作者脱机工作的PWA. 现在它可以正常工作,但是Lighthouse Audit中存在问题. 当我运行Lighthouse时,在PWA部分中出现了以下问题:脱机 start_url确实响应,但没有通过服务人员响应,start_url不会以200响应. 即使有其他审核表明我已经成功安装了Service Worker,我如何通过该审核? 我的网站在这里:
..
使用google chrome chrome开发人员,我正在运行灯塔分析手机版. 灯塔显示最大内容绘画(LCP)的7.0秒延迟: 它将我重定向到“性能"选项卡: 0.7497秒的表现 LightHouse的时间为7.0秒 解决方案 为什么Lighthouse显示更长的加载时间? 答案是模拟的网络限制和 CPU节制..> 模拟网络节流 运行审核时,它将对每个请求施加
..
我不知道为什么我的LCP会是p标签,而且我不知道如何减小它的尺寸.有时它会上升到2.6秒,并给出黄色的评分(而不是绿色). 这是p标签.所有这些类都是引导程序类.
这是变量 aboutText const aboutText =`突然之间,杂志突显了萨斯喀彻温省的独特性,
..
我被赋予一项工作任务,以提高我的项目的性能.目前,Google Lighthouse得分波动不定,但总体上来说得分并不是很高,因此我们正在尝试找出如何提高其性能以向我们的领导者炫耀. 我们的项目将整个Gatsby网站作为单个JavaScript包加载.这将从站点创建一个页面应用程序,该应用程序允许通过JavaScript快速加载新页面.但是,与我们的WordPress网站一样大的东西,会产生
..