javascript - async=true 用于 css 链接标签

标签 javascript css html dom

在 HTML5 脚本标签中可以通过 async=true 异步加载

<script src="index.js" type="text/javascript" async="true"></script>

CSS 资源是否有任何等效项?像这样的东西:

<link rel="stylesheet" type="text/css" async="true" href="style.css">

基本原理是让浏览器加载 css 并缓存它,以供以后的请求使用,但让其余的过程畅通无阻。 例如,启动画面。

最佳答案

2021 年编辑: 原始链接已移动 - 没有 JavaScript 的异步 CSS https://codepen.io/tigt/post/async-css-without-javascript

"It seems this trick causes Chrome & Firefox to start the body earlier, and they simply don't block for body stylesheets."

<head>
  <!--[if IE]>
    <link rel="stylesheet" href="style.css"> 
  <![endif]-->
</head>
<body>
    <!--[if !IE]> -->
        <link rel="stylesheet" href="style.css" lazyload>
  <!-- <![endif]-->
</body>

文章还包含基准:

alt text

关于javascript - async=true 用于 css 链接标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24020254/

相关文章:

javascript - 如何在html中将部分透明图像放在另一个图像上方?

javascript - 如何通过 d3.json 从 S3 下载 json 文件

javascript - 如何迭代所有文本框进行验证

javascript - if...else 语句

javascript - 如何在屏幕中央弹出并覆盖/背景到全屏高

html - 找不到 Yahoo Media Player 又名 Yahoo Web Player 脚本

javascript - URL参数决定load() url

javascript - 如何将 dropbox.js 与 OAuth 1 结合使用

Javascript jQuery 样式.backgroundSize

CSS 将选定文本的一部分向右对齐