时间戳

首页 > 解决方案 > 异步脚本文件的 HTML 链接预加载优势

javascript - 异步脚本文件的 HTML 链接预加载优势

问题描述

Facebook 发布了一个新的移动版网络应用程序，我注意到他们正在使用一种有趣的模式来加载脚本，例如：

<link rel="preload" href="https://static.xx.fbcdn.net/rsrc.php/v3/yF/r/l7eLlKEkIZ3.js?_nc_x=Sgci3KMqefe" as="script" crossorigin="anonymous">
<script src="https://static.xx.fbcdn.net/rsrc.php/v3/yF/r/l7eLlKEkIZ3.js?_nc_x=Sgci3KMqefe" data-bootloader-hash="cbBL0" async="1" crossorigin="anonymous" onload="(window._btldr||(window._btldr={}))[&quot;cbBL0&quot;]=1;window.CavalryLogger&amp;&amp;CavalryLogger.done_js([&quot;cbBL0&quot;])" onerror="(window._btldr||(window._btldr={}))[&quot;cbBL0&quot;]=1;window.CavalryLogger&amp;&amp;CavalryLogger.done_js([&quot;cbBL0&quot;])"></script>

我只是好奇这种模式有什么好处 - 预加载 javascript 文件并立即异步加载它？

标签： javascripthtml

解决方案

推荐阅读