问题标签 [lighthouse]

我正在考虑提高页面性能，并且一直在使用 Lighthouse 插件来提出改进建议。

最高的建议之一是消除渲染阻塞资源。</body>所以我将我的 JavaScript 包含移到了标签的正上方。

当我这样做时，我看到性能评级上升，并且First Contentful Paint指标及时减少。

前

后

但是，如果我查看 chromes 网络选项卡和DOMContentLoaded指标，它实际上会变慢。

前

后

所以这里有两个问题：

1. 在 Google 眼中，哪个优先级更高？Lighthouse 或 DOMContentLoaded 指标生成的性能数字？
2. 为什么在遵循 Lighthouses 将 DOM 阻塞 Javascript 移除到底部的建议后，DOMContentLoaded 会变慢？

我刚刚创建了一个单页js，如下所示：

所以它托管在 localhost:57777 上。这是它的审计结果。

我开始学习 express 以提高我的 Angular SSR 性能，但在这里我看到一个带有文本响应的空白项目在性能上是如此糟糕，那么我怎么能期望我的 Angular 应用程序更好。我可以修复性能滞后吗？

或者我应该转向 laravel 或其他 PHP 框架以提高性能，因为我花了很多时间 Angular 并且应用程序仍然不是那么好。

这是我的 Angular Universal 项目的报告，它无法继续部署。

有没有办法改进上述我正在遵循这个 Universal Starter 的配置

我也关注了这些博客，但没有任何帮助：

1. 中型博客
2. 几乎完全实现了这个清单

我需要对一个网站进行全面审核，但我想知道是否有任何方法可以让 Lighthouse 做到这一点。我知道他们不支持完整的站点审核或多个 URL，但我发现可以使用 bash 脚本来完成。因此，我将不胜感激有关此案的任何帮助！或者您推荐的任何灯塔替代品？

先感谢您！

我正在使用非常棒的 react-pdf 和 webpack。服务人员运行，一切正常。但是，当我运行 Lighthouse 工具时，它建议我如果使用<link rel=preload>pdf-js 服务工作者，最多可以节省 8.45 秒。

我添加了<link rel=preload>，但现在我想document在需要时将其添加到 。否则无论如何它都会被再次获取。我不知道最好的地方是什么。非常感谢任何帮助。

以前我有一个网站在 S3 上实现为单页应用程序，它有一个指向工具列表的页面。此列表的 URL 是：example.com/tool/<tool-name>

为了扩展我网站的功能，我重新设置了 DNS，使这个旧站点现在位于一个子域上：（tools.example.com/tool/<tool-name>新站点，即 example.com，现在位于 Lighthouse/Wordpress 上）。

由于在旧站点的工具列表中仍然有一堆指向 Web 引用 URL 的链接，我想在 Bitnami 上写一个重定向。

我已经就此寻求帮助并被告知要执行以下操作，但是当我转到时重定向似乎仍然不起作用example.com/tool/<tool-name>：

1. /opt/bitnami/apps/wordpress/conf/httpd-app.conf通过将以下规则添加到文件底部进行 修改： RewriteEngine on RewriteCond %{REQUEST_URI} ^/tool/(.*)$ RewriteRule ^(.*)$ https://tools.example.com/tool/$1 [P,L]

2. sudo /opt/bitnami/ctlscript.sh apache restart

这种模式是否正确，或者我正在写入正确的文件？

编辑 我稍微更改了上面的重定向代码以反映评论中的反馈。它重定向到httpsnot http，我将最后一点代码更改为[P,L]from[R=301,L]

有没有人使用 Google Chrome Lighthouse 的 Node CLI 版本来收集性能指标。我可以从命令行毫无问题地做到这一点。当我尝试通过 Eclipse 中的进程构建器运行相同的命令时，它无法识别命令灯塔。请找到我遵循的以下步骤。

1) 为 windows 下载 nodejs msi 安装程序

2) Nodejs 和 npm 路径是自动设置的。我做了仔细检查。

我可以使用以下命令获取节点和 npm 版本：

我按照此处的建议使用以下命令来安装带有 -g 标志的灯塔，以安装为全局模块。

用于从 eclipse 运行 lighthouse 的示例 java 代码：

我不断收到错误“Windows 找不到灯塔”。相同的命令正在通过命令行工作。我正在尝试在这里使事情自动化。我希望这在java中工作。我在这里遗漏了什么吗？对此的任何建议都会非常有帮助。提前致谢。

我们正在使用 chrome lighthouse 扩展在我们的页面上运行测试并提高性能得分。然而，我们有一个问题。在 MacBook Pro-2015 上，我们在笔记本电脑上运行的 Windows 虚拟机中获得 94 分的性能得分和 94 分的性能得分。但是，在配备 Intel Pentium n3540 CPU 的 64 位 Windows 笔记本电脑上，我们得到的分数低于 50。即使是网上找到的声称 90+ 分数的演示页面，在这个系统上也不会超过 50。灯塔是否有任何特定要求才能正常运行？还是需要在Windows系统上进行一些特殊设置？

我已经对我的暂存 Rails 5 应用程序（Heroku 上的生产）运行了 Lighthouse 审计，并且在“诊断”部分中出现了一些关于我的静态资产的警告。

我的启动页面上的所有静态资产都标记为“对静态资产使用效率低下的缓存策略”，尽管它们显示正确并且指纹正确。

他们的缓存 TTL（生存时间）目前设置为“无”。（我什至不确定这是实际问题..）

是否可以轻松解决此问题？或者这可能是 Heroku 或我的暂存应用程序上的设置要更改？或者也许这是一种正常的行为......

我正在尝试向 Lighthouse 添加一些自定义指标。为了做一些基本的检查，我需要获取网页的原始 HTML。

我尝试使用driver.sendCommand( DOM.getDocumentor DOM.getFlattenedDocument) 和driver.querySelectorAll('html')and没有任何成功driver.evaluateAsync('document.documentElement.outerHTML')。如何设法将原始 HTML 从 Chrome 获取到 Lighthouse？

谢谢，

法比奥

I am using the Advanced Custom fields plugin in wordpress, and whenever I modify text fields on posts in chrome, wordpress appends <div id="level-access-access-assistant-highlight-container"> to the end of my text. Doesn't really do anything except pop up as a lighthouse error telling me I have multiple elements with the same id.

Issue comes up on the latest versions of chrome, but doesn't happen in firefox/edge/ie

Has anyone else had this issue? Is there anything I can do to change it?

LINK: here