Bootstrap CDN 渲染延迟

Wal*_*uss 6 html css cdn twitter-bootstrap

一直在一个网站上工作,并通过 MAX CDN 使用了 Boostrap

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
Run Code Online (Sandbox Code Playgroud)

在头部部分。

Google Pagespeed 显示:

您的页面有 1 个阻塞 CSS 资源。这会导致呈现页面的延迟。如果不等待以下资源加载,则页面上的所有首屏内容都无法呈现。尝试延迟或异步加载阻塞资源,或直接在 HTML 中内联这些资源的关键部分。优化以下 CSS 交付:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
Run Code Online (Sandbox Code Playgroud)

有没有办法解决这个问题?

谢谢

Tan*_*sos 0

要么更改 CDN(这很可能对您没有任何作用),要么只是将文件存储在本地。这将提高您的 Google 页面速度。

下载您正在使用的引导程序文件的副本并像这样存储它root/css/bootstrap.min.css

root你的项目文件夹在哪里。

CDN 主要用于测试目的(即时访问文件)或大型项目,这些项目具有本地无法始终满足的多种要求。

阅读此主题以更好地理解。

虽然 Google 给您提供的错误对于您的项目来说可能不是一个严重的问题,但在本地使用您的资源始终是一个好习惯,以便您的网站可以自行加载,而无需引用类似于单独查询的外部源。

静态文件=更好的加载时间=快乐的谷歌。