Google pagespeed 洞察 CSS 警告答案

【问题标题】：Google pagespeed insights CSS warningsGoogle pagespeed 洞察 CSS 警告
【发布时间】：2023-04-10 00:05:01
【问题描述】：

我阅读了许多关于优化的文章，经过多次努力，我缩小了所有 CSS 文件并将它们全部收集到一个文件中。当我再次使用 PageSpeed Insights 检查时，我仍然得到低分，谷歌仍然建议我删除唯一剩下的 CSS 文件。这是my site 的链接。只是我在 head 部分只有这个缩小的 CSS。

    <html lang="tr">
    <head>
        <meta charset="UTF-8">
        <title>| sirtcantalilar.com </title>
        <link href="/assets2/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    </head>
    <body>
      <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
     </body>
    </html>

如何优化网站的交付？

【问题讨论】：

标签： html css pagespeed

【解决方案1】：

我知道的唯一解决方案是minify CSS 文件并将其内嵌在 html 文件的 head 标记中

<head>
  <style>
  ..minified CSS here
  </style>
</head>

【讨论】：

【解决方案2】：

确保您没有使用太多背景图片。并且您使用的 CDN 加载您的网站非常缓慢。而且您使用的 twitter 小部件导致您的页面加载缓慢。删除 twitter 小部件以测试您的网站加载速度是否足够快。

【讨论】：

删除了推特。删除了一个bgs。删除了 CDN。它正在变得更好，但仍然在移动端 70 分和桌面端 80 分之间。