我有一个想法，试图让我的网站加载速度更快，但我想知道它是否真的有帮助。可以加载一些CSS最后加快页面加载时间？
我有一个用HTML，CSS，& jQuery制作的网站。它在桌面浏览器上运行良好，并且超级动态。不幸的是，它在移动浏览器上非常滞后。
这是我提出的HTML布局模型。
报头部分负荷
现在rapid.css文件将有只有它的1/3的CSS。就在字体，基本体设置等
末段负载
的的main.css文件将包含我的CSS的其他2/3ds。这样，网站在加载页面的前几秒内就不需要加载太多的CSS。
我的问题
将这个想法实际上使我的网页加载速度更快，如果是这样，才有足够的计数。
我该如何获得这种快速加载功能？
为了达到最快的结果：
CSS必须，必须先装，内联尽可能多的CSS，你可以，不要在HTML，但在头部分内嵌了。这是快速持续加载css的最快方法。
Bootstrap非常笨拙并且超过1个额外的服务器请求，如果可以的话，完全放弃它，如果没有的话，哦，具有外部文件的css，jQuery之后的jQuery。
在头部没有JS文件（除了modernizr，如果使用的话），将jQuery链接放在关闭body标签之前。 Jquery必须是要加载的第一个文件，然后可以在body和html结束标记之后内联bootstrap js，“main”js或jQuery代码。
至于字体，我会尽量远离使用它们，如果性能是目标。历史上，浏览器在加载字体之前不会呈现文本。
有一种方法可以使用JS承诺来首先加载标准字体，并将其显示出来，然后再加载呈现的选择字体。
但是，这只能在Chrome和FF上运行，可能是MS Edge，但所有其他和esp手机都有FOUT。
您也可以将所有CSS连接成一个文件，但如上所述，在头部内嵌的内容最快。只要小于4kb，这似乎是突破点。
哦是的，推迟加载或延迟加载图像，如果你有超大图像，加载它们谷歌在搜索结果中做的，最初有一个模糊的小图片。
有很多规则/提示可以提高速度。他们中的一些：
一些资源：
这是不太可能有任何区别。实际上，如果CSS加载/渲染时间是CSS的硬件加速，那么“滞后”的来源会让我感到非常惊讶。您需要调查究竟是什么导致问题，并从那里去。 –
关于如何调查原因的任何建议？ – Jacob