https://takao.blog/es/tags/lazyload/Recent content in Lazyload on Commentary of TakaoHugo -- gohugo.ioesCommentary of TakaoSun, 12 Jul 2026 04:12:51 +0900https://takao.blog/es/web/web-performance-lazyloading-iframe/Sun, 20 Jul 2025 00:00:00 +0900https://takao.blog/es/web/web-performance-lazyloading-iframe/<img src="https://takao.blog/img/thumbnail/web-performance-lazyloading-iframe-es.png" alt="Featured image of post Lazy loading de iframes para rendimiento web" /><p>Los iframes cargan documentos completos (HTML, CSS, JS) que pueden pesar varios MB. El lazy loading nativo y técnicas avanzadas mejoran el rendimiento.</p> <h2 id="loadinglazy-nativo">loading=lazy nativo </h2><p><code>&lt;iframe loading=&quot;lazy&quot; src=&quot;...&quot;&gt;</code> difiere la carga hasta que el iframe está cerca del viewport. Soporte universal en navegadores modernos.</p> <h2 id="intersection-observer">Intersection Observer </h2><p>Carga el iframe solo cuando es visible. Control granular: margen de precarga, umbral de visibilidad. Ideal para integraciones complejas.</p> <h2 id="alternativas-a-iframes">Alternativas a iframes </h2><p>Embed con JavaScript ligero (widget API). Web Components. Contenido precargado y mostrado bajo demanda. Prefiere APIs sobre iframes.</p>