问题标签 [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.
pagespeed - PageSpeed Insights:同一站点的页面/测试运行之间的结果不一致(推迟屏幕外图像)
我正在使用 Intersection Observer 解决方案(lozad.js + polyfill)来延迟加载图像,并且效果很好。除了 PSI 不会为我在移动设备上的起始页检测到它,所以我被困在 82-85 但我有 100 个桌面。
为了使它更令人困惑,PSI 接受在具有完全相同的延迟加载解决方案的子页面上延迟屏幕外图像。
对于可能是什么原因的任何意见,我将不胜感激!如果您有机会进行测试,以下是一些网址。
谢谢!
起始页 (84/100)
https://saprema.se
&
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fsaprema.se%2F
子页面 (93/100)
https://saprema.se/yogabyxor
&https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fsaprema.se%2Fyogabyxor
css - 为什么异步加载 CSS 文件不能解析 PageSpeed 的“延迟未使用的 CSS”条目?
在我的网站的 PageSpeed Insights 报告中(site here),它列出了“推迟未使用的 CSS”作为一个机会。我不清楚我究竟需要做什么来解决这个问题。我已经确保列表中的每个 CSS 文件都加载了一个<link rel="preload">
标签,这确保了文件是异步加载的(截图)。根据Google 的说明,我什至使用loadCSS来执行此操作。为什么这不能解决“推迟未使用的 CSS?” 听起来这正是我所做的。
我有理由确定 CSS 文件是异步加载的,因为 PageSpeed Insights 不再在“消除渲染阻塞资源”部分中报告它们(它以前这样做过)。
我看过这个以前的 Stack Overflow 问题。这个问题没有公认的答案,而且我相信我的问题有点不同。在那个问题中,OP 询问如何解决“推迟未使用的 CSS”。我特别问为什么rel=preload
不解决“推迟未使用的 CSS”。
javascript - 如何处理首屏隐藏的图像
我目前使用两种技术将图像加载到我的网页中。首先,我LazyLoad
用来处理首屏以下的图像。这种技术似乎运作良好。我使用的第二种技术是用于首屏但最初隐藏在视图之外的图像,它们通常使用 onclick
orhover
事件向用户显示。我使用的延迟技术是在页面加载后(onload
事件触发时)加载所有这些图像。
Google Page Speed Insights似乎不喜欢我的延迟技术,并将这些隐藏的图像报告为“延迟屏幕外图像”下的机会。onload
我已经意识到该事件与Google 在Page Speed InsightsTime to Interactive
中使用的(TTI)“事件”之间存在差异。任何人都可以就 JavaScript 技术提出建议,以取代满足 Google 标准的“<em>defer”技术。
以下是我从Page Speed Insights获得的信息。onload
这里提到的所有图像都是在事件触发后加载的折叠上方的隐藏图像。1
这是瀑布图,显示图像是在加载事件之后加载的。2
谢谢你的帮助。
pagespeed-insights - 使用插件影响移动网站速度
在 WordPress 网站上使用大量插件会对您的移动页面速度加载时间产生不利影响吗?“最小化主线程工作”的最佳解决方案是什么?
web-testing - 我可以为我的本地主机网站或离线使用 pagespeed 见解吗?
我可以为我的本地主机网站或离线使用 pagespeed 洞察力吗?
wordpress - 显示“后端错误”的 Pagespeed 见解
我正在通过 Pagespeed 洞察力检查我的网站速度,但它总是让我显示“后端错误”...
我已经检查max_execution_time
并输入时间和其他东西来解决问题,但仍然面临问题..
有什么帮助吗?
pagespeed-insights - 适用于桌面的 Google Insights 性能测量
在 Google Insights about page ( https://developers.google.com/speed/docs/insights/v5/about ) 中提到 Google 模拟 Moto G4 移动设备来衡量页面性能。Google 在桌面上使用什么来衡量页面性能?
user-agent - 哪个用户代理使用 Google PageSpeed?
实际上谷歌页面速度洞察并没有使用这些用户代理
Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko; Google Page Speed Insights) Chrome/27.0.1453 Mobile Safari/537.36
适用于桌面
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko; Google Page Speed Insights) Chrome/27.0.1453 Safari/537.36
但是我怎样才能获得这些服务使用的新用户代理?
pagespeed-insights - What is a Realistic score for a Shopify store on Google Page Insights for Mobile?
What is an acceptable score on Page Insights for a Shopify ecommerce site on mobile? Seems that nearly every one I enter scores low and in the red...
pagespeed - Google PageSpeed Insights 上的灯塔错误 - ERRORED_DOCUMENT_REQUEST
通过 Google PageSpeed Insights 运行我的网站时出现以下错误。但是我在浏览器中加载站点或在 Google Chrome 中通过 Lighthouse 运行时没有任何问题。
PageSpeed 对细节很轻,或者实际上提供了任何信息。
这是一个问题,因为显示相同的错误,我的广告没有被投放。
在谷歌和堆栈上搜索了很多,我无法获得任何关于为什么会显示的额外信息。
Lighthouse returned error: ERRORED_DOCUMENT_REQUEST. Lighthouse was unable to reliably load the page you requested. Make sure you are testing the correct URL and that the server is properly responding to all requests. (Status code: 500)