我有一个想法，试图让我的网站加载更快，但我想知道它是否真的会有所帮助。
我的网站是用HTML，CSS和＆amp ;; jQuery的。它在桌面浏览器上运行良好，并且非常动态。不幸的是，它在移动浏览器上相当滞后。
这是我提出的HTML布局模型。
标题部分加载
现在 rapid.css 文件中只有1/3的CSS。只是字体，基本的身体设置等。
结束部分加载
main.css 文件将包含其他2/3的CSS。这样，网站就不必在加载页面的前几秒内加载如此多的CSS。
我的问题
这个想法是否会让我的页面加载速度更快，如果是这样，它就足以计算。
如何让这种快速加载工作？
答案 0 :(得分：1)
获得最快的结果：
必须首先加载CSS，尽可能多地内联CSS，而不是在html中，但在head部分内联它。这是持续快速加载css的最快方法。
Bootstrap是非常臃肿的超过1个额外的服务器请求，如果可以的话，完全放弃它，如果没有，哦，好吧，带有外部文件的css，jQuery之后的js位。
在head部分中没有放置JS文件（现代化除外，如果你使用它），将jQuery链接放在结束体标记之前。 Jquery必须是第一个要加载的文件，然后是bootstrap js，＆＃34; main＆＃34; js或你的jQuery代码可以在body和html结束标记之后内联。
至于字体，如果性能是目标，我会尽量不使用它们。从历史上看，浏览器在加载字体之前不会渲染文本。
有一种方法可以使用JS承诺首先加载标准字体并显示它，然后在加载时呈现选择的字体。
但这只能用于Chrome和FF，也许是MS Edge，但所有其他和esp手机都会有FOUT。
您还可以将所有CSS连接到一个文件中，但如上所述，在head部分内联是最快的。只要它小于4kb，这似乎是一个突破点。
哦是的，推迟加载或延迟加载图像，如果你有超大图像，加载它们google go在搜索结果中，最初带有模糊的小图片。
答案 1 :(得分：1)
有很多规则/提示可以提高速度。其中一些：
部分资源：