Question

我有一个页面嵌入了另一个页面，我们称其为 frame.html ：

  
</code> </pre>

<p>在<code> sub-page.html </code>上，它会加载一些CSS和图像：</p>

<pre class =“ lang-html prettyprint-override”> <code> <link rel =“ stylesheet” href =“ sub-page.css”>
<img src =“ sub-page.svg” alt =“子页面”>
</code> </pre>

<p>我最初以为可以通过将<code> <link rel = preload> </code>添加到<code> frame.html </code>中来加快这些子资源的加载速度：</p>

<pre class =“ lang-html prettyprint-override”> <code> <link rel =“ preload” href =“ sub-page.css” as =“ style”>
<link rel =“ preload” href =“ sub-page.svg” as =“ image”>
</code> </pre>

<p> ...但是，看得到的瀑布图似乎并没有帮助。</p>

<p>预加载链接的规范似乎强调仅用于当前页面的子资源</em>，但是由于您可以预加载从样式表调用的字体文件，因此框架资源可以也算。我是否缺少某些东西，例如正确使用<code> crossorigin </code>属性？</p>
    </div>

    <div class="answer-list">
      <h4>1 个答案:</h4>
      
      <div class="hr-line-dashed"></div>
      <p>答案 0 :(得分：0)</p>
      <div class="answer markdown-body">
        <h2>是。</h2>

<p>结果是，当我尝试性能测试时，我正在查看的页面是旧的，未清除的版本。</p>

<p> <strong> <code>&lt;link rel=preload&gt;</code>绝对可以预加载<code>&lt;iframe&gt;</code> d页面的子资源。</strong>。</p>
      </div>
      
    </div>

  </div>

  <div class="right">
    <div style="height:400px">
      <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
      <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6263610230477973" data-ad-slot="2820756182"
        data-ad-format="auto" data-full-width-responsive="true"></ins>
      <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
    </div>


    <div style="height:20px"></div>

    <div class="releated-question-wrapper">
      <div class="header">
        相关问题
      </div>
      <div class="hr-line-dashed"></div>
      <ul>
        
        <li>
          <a href="/q/36641137">link rel =“preload”的工作原理是什么？</a>
        </li>
        
        <li>
          <a href="/q/47276269">&lt;link rel =“preload”has =“”an =“”unsupported =“”`type` =“”value =“”（fonts =“”preload）=“”</a>
        </li>
        
        <li>
          <a href="/q/50122109">使用&lt;link rel =“preload”/&gt;预加载JSON文件</a>
        </li>
        
        <li>
          <a href="/q/50652224">使用link rel =＆＃34; preload＆＃34;谷歌翻译</a>
        </li>
        
        <li>
          <a href="/q/51926244">OkHttp是否支持Link rel = preload标头？</a>
        </li>
        
        <li>
          <a href="/q/52297495">Alamofire是否支持Link rel = preload标头？</a>
        </li>
        
        <li>
          <a href="/q/52635660">可以使rel rel = preload与提取一起使用吗？</a>
        </li>
        
        <li>
          <a href="/q/55312591">&lt;link rel =“ preload” /&gt;外部字体样式</a>
        </li>
        
        <li>
          <a href="/q/56057061">用PHP和Apache链接rel =“ preload”</a>
        </li>
        
        <li>
          <a href="/q/56202400">&lt;link rel =“ preload” /&gt;可以在&lt;iframe&gt;内预加载资源吗？</a>
        </li>
        
      </ul>
    </div>



    

    

    <div class="releated-question-wrapper">
      <div class="header">
        最新问题
      </div>
      <div class="hr-line-dashed"></div>
      <ul>
        
        <li>
          <a href="/q/68614764">我写了这段代码，但我无法理解我的错误</a>
        </li>
        
        <li>
          <a href="/q/68614678">我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？</a>
        </li>
        
        <li>
          <a href="/q/68614175">是否有可能使 loadstring 不可能等于打印？卢阿</a>
        </li>
        
        <li>
          <a href="/q/68614313">java中的random.expovariate()</a>
        </li>
        
        <li>
          <a href="/q/68614125">Appscript 通过会议在 Google 日历中发送电子邮件和创建活动</a>
        </li>
        
        <li>
          <a href="/q/68615109">为什么我的 Onclick 箭头功能在 React 中不起作用？</a>
        </li>
        
        <li>
          <a href="/q/68615123">在此代码中是否有使用“this”的替代方法？</a>
        </li>
        
        <li>
          <a href="/q/68614097">在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化</a>
        </li>
        
        <li>
          <a href="/q/68614427">每千个数字得到</a>
        </li>
        
        <li>
          <a href="/q/68615239">更新了城市边界 KML 文件的来源？</a>
        </li>
        
      </ul>
    </div>
    <div class="">
    </div>
  </div>
</div>


  <div>
    <script>
      var host = window.location.host;
      if (host == "www.thinbug.com") {
        (function () {
          var bp = document.createElement('script');
          var curProtocol = window.location.protocol.split(':')[0];
          if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(bp, s);
        })();
      }
    </script>

    

</body>

</html>