html - PageSpeed 洞察 : Load css files after the closing </html>-6ren

html - PageSpeed 洞察 : Load css files after the closing

转载作者：技术小花猫更新时间：2023-10-29 12:54:04

26

4

Google Page insight告诉我们像这样优化 CSS 文件:

Vous pouvez alors incorporer le code CSS essentiel comme ceci :

<html>
  <head>
    <style>
      .blue{color:blue;}
    </style>
    </head>
  <body>
    <div class="blue">
      Hello, world!
    </div>
  </body>
</html>
<link rel="stylesheet" href="small.css">

来源:https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

enter image description here

法语链接是https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery?hl=fr

没见过这样的:关闭后集成css文件</html>标签。

我不仅在文档中。它还修改了 PageSpeed Insights 得分的结果。如果我在最后插入 css 文件，我有 100%。

它是有效的 HTML 吗？

最佳答案

为了回答您的问题，将 link 标记放在 html 标记之外是无效的

使用https://validator.w3.org/#validate_by_input+with_options并亲自看看。只需将代码粘贴到

Line 11, Column 40: Stray start tag link.

然后你得到

Line 11, Column 40: Cannot recover after last error. Any further errors will be ignored.

我不知道为什么会出现该建议，但应该将其删除。也许谷歌只是在开法国的玩笑？可能页面没有更新。如果你真的想要，你可能可以联系他们并询问为什么，但我不会在我的任何页面上这样做

关于html - PageSpeed 洞察 : Load css files after the closing </html>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30871555/

26

4

0

文章推荐： Gitolite 推送错误

文章推荐： android - Iphone 与 Android 的等价物关闭 View

文章推荐： android - 在编辑文本android上设置最小高度和布局重量

文章推荐： android - 单击图像时关闭弹出窗口

pagespeed-insights - 用于桌面和移动配置文件的 pagespeed 洞察力在哪些网络条件下使用？
我试图让 Lighthouse 提供与我们从 Pagespeed Insights 获得的结果相似的结果，但数字还差得很远。目前正在查看分数和ttfb。这是从地球上的不同位置运行的，我们希望以合理的方
pagespeed - 谷歌 PageSpeed Insights 结果不一致
当我使用 google PageSpeed Insights 测试 facebook 时，我得到的结果非常不一致。它为 http://facebook.com 给出了不同的结果, https://fa
pagespeed - 为什么 pagespeed 模块要添加 eval()？
我通过我的 cPanel 在我的网站上激活了 Google PageSpeed 模块，我的网站现在似乎快了很多，但我注意到它增加了很多: eval(mod_pagespeed_123ABC); eva
pagespeed - 如何允许 pagespeed 洞察到 http 基本身份验证站点？
如何允许 pagespeed 洞察到 http 基本身份验证站点？即使我按以下格式提到用户名和密码，它仍会返回如下错误。 Lighthouse 返回错误:FAILED_DOCUMENT_REQUEST
pagespeed - PageSpeed Insights 和 Lighthouse 的性能得分差异很大
在部署了一个相当快的网站后，我通过 PageSpeed Insights 运行它，它的性能得分只有 25 左右。同时，完全相同的页面在 Edge 内的 Lighthouse 性能中排名 85。我知道
pagespeed-insights - Google PageSpeed Insights 得分与开发工具不同
我从 Chrome 开发工具和 Google Page Speed Insights 页面运行 Google Page Speed Insights(移动)得到了不同的结果。当我从 Chrome 开发
pagespeed - 改进 Google PageSpeed Insight 上的服务器响应时间。这是新的吗？
我已经为客户建立了一个模板和一些网站。我总是关心网站加载时间。我 Google PageSpeed Insights 是我的主要工具之一。两天前，我提到了一些不同的事情。我发现我的许多网站页面加载都在
pagespeed - 此 PageSpeed Insight 报告中的 "Origin Summary"是什么意思？
我最近注意到 Google 更新了 PageSpeed Insight 报告页面。有一个“起源摘要”。它到底是什么意思？为什么它与现场数据略有不同？最佳答案如果您正在测试的页面有足够多的访问者，
pagespeed - Yandex metrica 标签会降低网站速度 google pagespeed insights 报告
因此，在我所有的网页上，我都有 Yandex metrika 用于分析的代码。根据谷歌的说法，这个脚本正在减慢我的页面速度，需要改变它的加载方式以不被渲染阻塞、TTI 时间输入阻塞、FID 首次输入延
pagespeed - Yandex metrica 标签会降低网站速度 google pagespeed insights 报告
因此，在我所有的网页上，我都有 Yandex metrika 用于分析的代码。根据谷歌的说法，这个脚本正在减慢我的页面速度，需要改变它的加载方式以不被渲染阻塞、TTI 时间输入阻塞、FID 首次输入延
google-pagespeed - 为什么 PageSpeed Insights 和 Search Console 的累积布局偏移不同？
为什么Cumulative Layout Shift metric谷歌速度测量工具中的报告，如 Lighthouse/PageSpeed Insights与 Search Console 中报告的不同
pagespeed - 在 PageSpeed Insights API v5 的 json 结果中查找分数
我正在尝试 Google v5 API 页面速度洞察，但在 JSON 结果中找不到 SCORE。这是 api https://www.googleapis.com/pagespeedonline/v
pagespeed - 如何禁用特定网址的页面速度？
我目前正在我的新网站上使用页面速度，对此非常满意。但我刚刚意识到我的/phpmyadmin 现在是空白的。我知道这是因为 pagespeed 因为当我去/phpmyadmin/?PageSpeed
pagespeed - 如何停止使用谷歌页面速度
我有一个正在为http://dev.eatfit.co.nz/临时托管的客户创建的wordpress网站我注意到经常(但不是每次)浏览页面(例如主页)时，我认为是google pagespeed在线
pagespeed - 利用浏览器缓存
我想利用浏览器缓存来提高页面速度。听起来 max-age 和 Last-modified 是不错的选择，但我不清楚如何确定应该为其实现哪些文件。一般来说，我对如何实际执行此操作以及代码在 htacce
pagespeed - 最近谷歌改变了他的页面速度算法
Recently google has changed page speed or page insights algorithm. Even if you keep your css or js i
google-pagespeed - 我的网站速度在谷歌页面速度中显示不可用
关闭。这个问题需要details or clarity .它目前不接受答案。想改进这个问题吗？通过 editing this post 添加细节并澄清问题. 关闭 4 年前。 Improve t
image - Pagespeed 调整大小的图像质量低
我不明白为什么 Google Pagespeed 在调整大小后会降低图像质量: 这是原图: http://www.architetturaecosostenibile.it/images/storie
pagespeed - Adsense 标签关闭时的完美选择
我目前正在使用 Goole Pagespeed Insight 推荐进行网站优化。我已经设法取得了相当不错的成绩，但我在某个时候遇到了困难。经过几次测试后，我的结论是，我最后遇到的大部分问题都与我的网
PageSpeed Insights 不符合标准
Google PageSpeed 建议在中添加关键 CSS标记在头部，并将外部 CSS 推迟到 HTML 的末尾。通过在 HTML 中内联 CSS(应该分开)以及在 CSS 加载时创建 FOUC

首页

博学

6Ren·AI

商城

html - PageSpeed 洞察 : Load css files after the closing