html - Prelaod 多次获取

问题描述

在下面的示例中，我调用了预加载标签机制来提前获取一些资源。这样做，preload 会多次获取 css 资源吗？为什么会这样？

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />

      <link rel="preload" onload="console.log('script')"  as="script" href='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'>
      <link rel="preload" onload="this.rel = 'stylesheet'; console.log('css')"  as="style" href='https://s3-eu-west-1.amazonaws.com/welcome.b2b.test/form/bundle.css'>


    <meta
      name="description"
      content="Web site created using create-react-app"
    />

    <title>React App</title>
  </head>
  <body>

    <script>
      window.onload = function() {
        console.log("window");
      };
    </script>
  </body>
</html>

标签： htmlcsspreload

html - Prelaod 多次获取

问题描述

解决方案

推荐阅读