问题标签 [lighthouse]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1025 浏览

qt - qt 4.8.2 qpa QGraphicsView ( QGLWidget ) 渲染产生黑屏

我正在尝试渲染一些简单的 qt 应用程序,它在 ( )QGraphicsViewQGLWidget用作viewport( 稍作修改的 collidingmice )。像这样启动应用程序:armv7 embedded platformbeagleboard

但屏幕总是保持黑暗。(纹理示例工作正常)。qt lighthouse 是否能够使用像 elgfs 这样的平台通过 opengles 渲染绘画?我找不到任何关于它的确切信息。
提前致谢。

0 投票
1 回答
547 浏览

c# - 尝试连接到 Lighthouse API 时出现 401 错误

我正在尝试使用 C# 代码连接到 Lighthouse api。这是 php 示例https://support.lighthouserocks.com/hc/en-gb/articles/201319732-API-The-Basics,它描述了如何执行此操作。但我失败了。我尝试了 NetworkCredentials 并在 Header 中发送,但仍然有 401 Unauthorized access to it,这里是代码:

有人知道我应该怎么做吗?

0 投票
1 回答
2440 浏览

angularjs - Lighthouse/Service Worker,离线时如何返回http 200

我的应用程序目前使用 webpack、angular js 和 service worker。

使用 sw-precache 插件创建我的服务工作者。 https://www.npmjs.com/package/sw-precache-webpack-plugin

服务工作者缓存进展顺利,我可以看到我的静态资源正在从 chrome 开发工具的 serviceworker.js 中获取。

现在,当我运行灯塔报告时,我仍然收到以下错误:

在此处输入图像描述

https://github.com/GoogleChrome/lighthouse

在我离线打开的开发工具中,我实际上可以看到我的页面加载。一些 3rd 方脚本失败的控制台中的一些错误。这是没有得到 url 响应 200 的原因吗,因为我有一些来自 3rd 方的控制台错误,即示例错误:

这次审计到底在寻找什么,我该如何实现?

编辑:当我离线打开时,我添加了我的网络选项卡的图片,正如我所说的页面加载正常。我注意到我的 sw.js 是从磁盘缓存中加载的,我在其他网站上没有注意到,所以可能有一些东西。

在此处输入图像描述

这里还有 sw.js 内容

0 投票
0 回答
531 浏览

javascript - 从开发模式到生产模式,第一个有意义的油漆从 300 毫秒上升到 6700 毫秒

我正在编写 PWA 并使用 lighthouse 来审核我的应用程序。有一点我有点卡住了。事情就是这样。当我进行生产构建时(我正在使用我的 3 个 JS 文件(供应商、应用程序和清单),加载时间非常高。
webpack 生产模式下的页面加载性能

当我在开发模式下为我的 webpack 构建做同样的事情并审核应用程序时,我得到了这个 webpack 开发模式下的页面加载性能

这似乎非常违反直觉。

PS:我在开发模式下使用webpack 缓存和 UglifyJsPlugin 进行 uglify

这是webpack配置

0 投票
1 回答
6896 浏览

node.js - 无头 chrome 代理服务器设置

任何人都可以帮助我在使用 Node.js 中的灯塔 chrome 启动器时为无头 chrome 设置代理服务器,如此处所述

但是,上面的脚本根本没有命中我的代理服务器。Chrome 似乎回退到与目标网站的 DIRECT:// 连接。

另一个讨论在无头 chrome 上下文中使用 HTTP/HTTPS 代理服务器的资源是this。但它没有给出如何从 Node.js 使用它的任何示例。

0 投票
1 回答
5779 浏览

performance - 灯塔第一次有意义的油漆极高

我正在使用LighthouseGoogle 来检查我的 PWA 的性能和内容。但是,我总是得到极端数字First meaningful paint。最后的测试结果给了我:14445.7ms。但是当我自己使用该网站时,它永远不会加载超过 2 秒?我在这里做错了吗?

0 投票
1 回答
1328 浏览

caching - Lighthouse & Polymer:清单中的 start_url 未被 Service Worker 缓存

我正在测试我的 Polymer 应用程序,我在 Lighthouse 上获得了不错的分数。但是,我还有一个小问题。我有一个manifest.json包含所有内容的文件,因此可以将应用程序添加到主屏幕,但 Lighthouse 仍然失败说:Manifest start_url is not cached by a Service Worker.. 我正在使用 Polymer Starter Kit 2.0,但我不知道如何使用 Service Worker 缓存它。我有一个sw-precache-config.js包含:

/index.html?launcher=true清单的 start_url 在哪里。

0 投票
1 回答
1119 浏览

javascript - 在 Node.js 中将 console.log() 内容传送到 .txt 文件

我有一个 Node.js 文件,它向终端输出一堆测试结果,很容易超过 1000 行。该文件看起来像这样:

launchChromeAndRunLighthouse('https://www.apple.com/', flags).then(results => { console.log(results); });

之所以console.log()存在,是因为我想不出另一种查看结果的方法。我需要一种通过 Node.js 而不是命令行创建包含所有 CLI 输出/结果的文件的方法。

我认为这fs.appendFile('example.txt', 'append this text to the file', (err) => {});可能有用,但我需要“附加”到文件中的是函数的results. 当我尝试这样做时,该文件仅包含 [object Object] 而不是测试的实际结果。

我是 Node 的初学者,非常感谢任何建议。

0 投票
1 回答
2633 浏览

html - 从 JSON 文件创建 UI/编写 HTML

我有一个由 Lighthouse 生成的非常长、笨拙、未格式化的 JSON 文件(一种进行页面加载时间分析的工具,因此该文件包含测试结果)。为了使其格式化以供人们阅读,我显然需要围绕该文件创建一个 UI。我的问题是我不确定如何开始工作。

我已经阅读过类似从 JSON 对象创建 HTML 的内容,我想我现在想尝试在浏览器中显示来自测试的所有信息......但是我会在哪里写呢?我现在有一个 Node.js 文件,它正在运行测试并JSON.stringify()用于将 JSON 的结果粘贴到一个文件中。我可以在创建 JSON 后立即生成 HTML 吗?(还有主要问题——如何从 JSON 文件创建 HTML?)

我刚开始使用 Node 和 JSON,非常感谢任何提示。

0 投票
2 回答
12164 浏览

service-worker - Manifest start_url is not cached by a Service Worker

I'm using Lighthouse to audit my webapp. I'm working through the failures, but I'm stuck on this one:

Failures: Manifest start_url is not cached by a Service Worker.

In my manifest.json I have

In my worker.js I am caching the following:

Which lines up with what I see in the Application tab in Chrome Dev tools:

enter image description here

So... why is it telling me start_url is not cached?


Here is my full worker.js file: