问题标签 [pagespeed-insights]

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 回答
1294 浏览

html - HTML5 的

我们在我们的网站 (ucraft.com) 上使用标签作为动画 GIF 替代品。

在页面的顶部屏幕上有一个背景图像,上面有文本和一个号召性用语按钮。之后是另一块内容,左边是视频,右边是文字……

在该块之后,还有其他两个具有相同场景的块:标签和文本。

在移动设备(iOS 和 Chrome)上,浏览器正在等待视频自动播放,之后它只会在第一个(顶部)屏幕中显示背景图像。

因此,Lighthouse 给出了一个问题,即渲染没有很好地组织。

另一方面,网站上的用户体验很糟糕,因为用户并不真正了解该做什么,因为在加载页面的所有视频之前,图像没有被加载(这很重要)。

因此,Google 的 pagespeed 给我们的移动设备评分为 30,而台式机评分为 90。

请在此处查看 pagespeed 结果:https ://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.ucraft.com

或者您也可以在设备上打开主页并查看...

这是我们用于视频的代码:

我们将这段代码放入延迟加载视频中:

在视频准备好播放之前,我们是否缺少任何东西来告诉浏览器加载所有内容,包括标签和显示海报?

0 投票
2 回答
1460 浏览

pagespeed-insights - PageSpeed Insights API V5

我想将 Google 移动友好和桌面友好 api 与 PageSpeed Insights API V5 集成。但我无法区分审计部分。我也尝试过不同的场景,但我做不到。

如何区分PageSpeed Insights API V5 中通过的审核诊断机会?

0 投票
1 回答
128 浏览

pagespeed-insights - Google Page Insights 图片链接

看起来我无法像在以前的版本中那样获得图像链接来优化我的网站。有没有办法获得这些链接?

谢谢!

0 投票
2 回答
2884 浏览

image - 从 PageSpeed Insights 下载优化图像

在先前版本的 PageSpeed Insights 中,可以下载由 PageSpeed Insights 优化的图像文件、css js。在这个新版本中,我不再看到下载链接,是不再存在或者我没有看到它?

0 投票
0 回答
139 浏览

pagespeed-insights - 当不同的位置/设备获得不同的结果时,如何使用 pagespeed-insights 对性能进行基准测试?

我正在努力提高速度性能,我正在使用 PageSpeed Insights 和 web.dev。

我想记录当前状态,以便进行基准测试和跟踪改进。在使用 PageSpeed Insights 时,我知道在运行测试时会出现一点差异,但是与远程团队(美国、加拿大、英格兰等)合作时,我们看到的分数从 46 到 73 不等,这是一个很大的范围.

如何获得〜一致的结果以准确跟踪所做的任何改进?

谢谢

0 投票
1 回答
897 浏览

google-pagespeed - Google PageSpeed Insights 错误:客户端无法解析服务器回复

我们的网站在大约 60% 完成后,在网站下的每个页面上,在 Google Pagespeed Insights 上返回“Lighthouse 返回错误:RPC::SERVER_ERROR:客户端无法解析服务器回复;初始化错误为:Dismiss”。我们如何才能获得与此相关的更多详细信息。

0 投票
0 回答
1645 浏览

pagespeed - 如何最小化初始导航的关键请求深度?

我正在处理 woff2 文件类型的类似问题并成功完成。

问题是,woff2 文件存在于服务器中,并且能够在以下位置引用它:

<link rel="preload" href="fonts/fontawesome-webfont.woff2" as="font" type="font/woff2" crossorigin>.

我从 PageSpeed Insights 得到的只是下图的内容:

在此处输入图像描述

我该如何解决这个初始路径?

0 投票
3 回答
1986 浏览

google-pagespeed - 如何在谷歌页面速度洞察力上下载优化的图像、css、javascript

以前的谷歌页面速度洞察力用于提供一个链接,我们可以在其中下载优化的内容。现在截至 2018 年 12 月 19 日,我无法找到该链接,因为 Google 已使用新功能更新了页面速度洞察力。如果有人知道如何从谷歌页面速度洞察力下载优化的图像、css、javascript,请分享您的知识。请建议是否有其他可用的在线工具。

0 投票
0 回答
348 浏览

screen-capture - 使用 pagespeedsonline 截取网页截图

我想使用谷歌页面速度洞察力捕获网页的缩略图。

是否可以关闭除屏幕捕获之外的所有其他操作以增加响应时间。现在它需要大量的时间。

https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://developers.google.com&screenshot=true

以及进行 api 调用的成本是多少?

0 投票
0 回答
160 浏览

pagespeed-insights - 如何从我的国家获得访问结果?

我是日本网站的开发人员,我正在使用 PageSpeed Insights。

该网站是多语言网站。例如,如果您从美国访问,您将重定向到美国版站点。

我想从我的国家获得访问结果,但结果的屏幕截图似乎是美国版网站。

以前版本的 PageSpeed Insights 提供了来自我国的访问结果。

如何获取日本的访问结果?

谢谢