骨架样板加载非常慢答案

【问题标题】：Skeleton Boilerplate Loading Very Slow骨架样板加载非常慢
【发布时间】：2015-03-01 04:11:48
【问题描述】：

我正在尝试使用 Skeleton Boilerplate。我下载了基本的 zip，附带的图像文件夹仅包含一个图标，normalize.css、skeleton.css 和一个非常基本的index.html。当我尝试使用我自己的链接 css 设置索引样式时，只是一个基本的东西，比如单个 div 上的背景颜色，或者更改文本或标题，刷新页面需要永远。它应该是超轻量级的，看起来是，idk 怎么回事

【问题讨论】：

标签： performance load boilerplate

【解决方案1】：

从 index.html 骨架中删除“字体”链接 href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css" ，它应该可以在正确的速度。这就是在我的比赛中减慢速度的原因。希望对您有所帮助。

【讨论】：

【解决方案2】：

远程加载 jQuery 可能是您遇到加载问题的原因。特别是，如果您下载 jQuery 并将 index.html 中的 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 替换为指向您本地下载的 jQuery 版本，那么事情应该和预期一样快。

【讨论】：

【解决方案3】：

正如 Thinnling 所说，您应该删除或编辑 Google 字体链接。

index.html:

旧：

<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">

新：

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

skeleton.css：

（第 123 行）

body{ font-family: 'Raleway', sans-serif; }

【讨论】：

【解决方案4】：

实际上，您只需在链接中添加“https:”即可。就是这样！

【讨论】：

这似乎是从 CDN 使用的 css/js 的网络延迟问题。所有 CDN 都应该是 https。 Http 或 https 不会对网络延迟产生巨大影响。
您完全正确，但在骨架的 index.html 文件中，它看起来像这样