【问题标题】: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 分之间。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-04-12
      • 2019-12-25
      • 2016-10-18
      • 1970-01-01
      • 1970-01-01
      • 2019-06-15
      • 1970-01-01
      相关资源
      最近更新 更多