https://takao.blog/zh/tags/iframe/Recent content in Iframe on Commentary of TakaoHugo -- gohugo.iozhCommentary of TakaoThu, 16 Jul 2026 11:16:06 +0900https://takao.blog/zh/web/web-performance-lazyloading-iframe/Sun, 20 Jul 2025 00:00:00 +0900https://takao.blog/zh/web/web-performance-lazyloading-iframe/<img src="https://takao.blog/img/thumbnail/web-performance-lazyloading-iframe-zh.png" alt="Featured image of post 使用延迟加载的框架和图像提高初始页面速度" /><h2 id="介绍">介绍 </h2><p>优化网页速度的一个有效但经常被忽视的策略是<strong>推迟屏幕外资源加载</strong>。</p> <p>默认情况下，当用户加载网页时，浏览器会立即请求页面上的所有图像和 <code>&lt;iframe&gt;</code> 元素（例如 YouTube 嵌入、交互式地图、社交小部件或广告脚本），即使它们位于折叠下方很远的位置。这种并发下载会阻塞主线程并减慢页面的首次内容绘制 (FCP) 时间。</p>