有没有办法稍微延迟我的样式表答案

【问题标题】：is there have a way to delay my stylesheets a bit有没有办法稍微延迟我的样式表
【发布时间】：2021-03-26 00:39:49
【问题描述】：

有没有办法稍微延迟我的样式表，如果有什么是最好的或有效的方法。

<!DOCTYPE html>
<head>
    <!-- UTF-8 -->
    <!-- viewport -->
    <!-- icon -->
    <!-- title -->
    
    <link rel="stylesheet" href="style_1.css">
    <link rel="stylesheet" href="style_2.css">
    <link rel="stylesheet" href="style_3.css">
    <link rel="stylesheet" href="style_4.css">


    <!-- 1000 milliseconds style_1.css -->
    <!-- 2000 milliseconds -->
    <!-- 3000 milliseconds -->
    <!-- 4000 milliseconds style_2.css -->
    <!-- 5000 milliseconds -->
    <!-- 6000 milliseconds -->
    <!-- 7000 milliseconds style_3.css -->
    <!-- 8000 milliseconds -->
    <!-- 9000 milliseconds -->
    <!-- 10000 milliseconds style_4.css -->

</head>

<body>


</body>

</html>

在 index.html 页面中，我必须加载（发送到新访问者的缓存）并且我想延迟“style_2.css”、“style_3.css”和“style_4.css”。因为一旦新访问者转到另一个页面，该页面将立即加载

【问题讨论】：

不，没有，但这听起来像是一个 X/Y 问题。延迟加载样式表并不是您真正应该做的事情，而且听起来像是您在尝试解决方案时有更好的方法。您能否编辑问题以清楚地描述您的目标。
问题是，index.html 页面只需要第一个样式表。但我想将其他样式表推送到缓存中。原因是当新访问者访问其他页面时，它会很快加载。我正在优化整体速度
在这种情况下，我认为您担心的不是问题。 CSS 文件将在第一次加载后被缓存，因此后续加载将是即时的。只有第一次加载会对性能造成影响，如果你的 CSS 导致明显的性能损失，那么问题是你需要减少和优化你的 CSS 文件，而不是用一些奇怪的缓存方法来修复创可贴.

标签： javascript html jquery css dom

【解决方案1】：

不推荐手动延迟加载资源，

...但你总是可以使用

setTimeout(() => {

    //Do stuff, in your case add a style to the document
    document.body.innerHTML += `<link rel="stylesheet" href="style_1.css">`;
    

    //wait for 500 miliseconds then do the above ^
}, 500);

请记住，这仍然是一种肮脏的做事方式，但从你一开始的要求来看，我认为你并不真正关心你的代码是否那么干净 :)

【讨论】：

问题是，index.html 页面只需要第一个样式表。但我想将其他样式表推送到缓存中。原因是当新访问者访问其他页面时，它会很快加载。我正在优化整体速度