问题标签 [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-insights - 为什么报告的 TTFB 结果几乎是实际时间的两倍
谷歌 Pagespeed 洞察报告“减少服务器响应时间 (TTFB) - 估计节省 1.72 秒”，而谷歌 Chrome 控制台/网络显示 400 毫秒？
google-pagespeed - Google 页面速度错误消息：Lighthouse 返回错误：FAILED_DOCUMENT_REQUE
我从谷歌页面速度测试中收到此错误消息。几个月前它工作得很好。Lighthouse 返回错误：FAILED_DOCUMENT_REQUEST。Lighthouse 无法可靠地加载您请求的页面。确保您正在测试正确的 URL，并且服务器正确响应所有请求。净::ERR_CONNECTION_FAILED。 https://www.inlineortho.com.au
谢谢
pagespeed-insights - 在 PageSpeed Insights 中下载优化的图像、脚本和 CSS 资源时发生了什么？
看起来 PageSpeed Insights 改头换面了，我看不到你可以下载优化的图像、脚本和 css 资源了？？？
谁能告诉我我是否错过了它？我看了又看。
pagespeed - 如何从谷歌页面速度 v5 api 计算页面大小？
我想使用谷歌的 pagespeed v5 api 计算页面大小。有没有办法从 pagespeed v5 api 返回的 json 中获取页面大小？
css - 推迟未使用的 CSS、Page Speed 洞察、recaptcha
由于 93% 的访问者使用移动设备，因此拥有快速加载的页面对我来说至关重要。为了获得一些建议，我使用 PageSpeed Insights 工具测试了我的页面。其中一个发现让我担心。
建议：推迟未使用的 CSS
我真的很担心那个1s。有什么我可以做的吗？Recaptcha 对我来说是重要的组成部分，所以我不想简单地摆脱它。任何建议/建议表示赞赏！
谢谢。
wordpress - 如何在 http 标头中为静态文件添加到期时间？
我正在努力提高我的 wordpress 网站的页面速度。正如谷歌 pagespeed 洞察力所建议的那样，我正在尝试为所有静态文件（如图像、css 和 js）的 http 标头中的图像添加到期时间。
这就是 pagespeed 洞察力所显示的。
我在 wordpress 文件夹的根文件夹中的 htaccess 文件中添加了过期时间。但仍然没有向这些文件添加到期时间。我该如何解决这个问题？
下面分别是 chrome 和 firefox 返回的 http header 响应。
根文件夹 ( /opt/bitnami/apps/wordpress/htdocs )中的 .htaccess 文件：
cache-control - 为什么谷歌洞察力要求为具有过期图像的有效缓存策略提供静态资产？
之前我在 google Insights 中测试过，它列出了一些可以添加到期日期的图像、css 和 js 文件，至少这是我对此的理解：
使用高效的缓存策略服务静态资产
因此，我通过将图像添加到 aws s3 存储桶并将持续时间设置为 7 天来进行测试。当我在 Chrome 开发工具中检查时，它确实显示Cache-Control: max-age=604800. 大小表示从内存中获取，状态码为 304。
但是现在当我在谷歌页面速度洞察中再次测试时，它仍然在下面显示这个特定的图像
使用高效的缓存策略服务静态资产
部分。
如果按照建议添加到期/更长的持续时间，为什么它仍会在此处显示图像？为了使这个静态文件正确提供，我还应该做些什么吗？
pagespeed - pagespeed 见解推迟未使用的 CSS 和屏幕图像
我已经推迟了我所有的 CSS 使用
和使用yall.min.js的图像
但是 PageSpeed Insights 继续声称它（并且图像也是可见的）
我该如何优化呢？
谢谢，阿里
wordpress - 预加载 True Type 字体
谷歌页面洞察建议预加载字体文件。我已经尝试了以下所有四个代码片段，但仍然无法预加载。非常感谢您的帮助:-)
https://www.ways-to-make-money.co.uk/wp-content/themes/Divi/core/admin/fonts/modules.ttf” as=”font” type="font/x-generic"跨域 >
https://www.ways-to-make-money.co.uk/wp-content/themes/Divi/core/admin/fonts/modules.ttf” as=”font” type="font/x-generic" >
https://www.ways-to-make-money.co.uk/wp-content/themes/Divi/core/admin/fonts/modules.ttf” as=”font” type="font/ttf >
https://www.ways-to-make-money.co.uk/wp-content/themes/Divi/core/admin/fonts/modules.ttf” as=”font” type="font/ttf crossorigin >
html - 带有 WebP 回退和 data-src 的背景图像
因此，我正在我的网站上进行一些优化工作以提高 Page Insights 分数，我可以解决的两点是：-
- 以下一代格式提供图像
- 延迟离屏图像
所以下一代格式的图像，我决定使用 WebP，但需要包含后备，以便它们在所有浏览器/设备中工作。
推迟屏幕外图像；我正在使用data-src一些 JS 脚本将背景图像设置为 data-src，JS 替换了初始 SRC，即src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
以下面为例，我将如何在延迟离屏图像的同时使用带有 WebP 的内联背景图像和回退？
HTML
用于数据源的 JS
提前致谢！