5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T9c7,

Most video embeds destroy your page speed. A single YouTube iframe adds 500–700 KB of blocking JavaScript the moment your page loads — before anyone has even pressed play. LazyLoad Video loads nothing but a lightweight thumbnail until the viewer actually needs the video. The result is dramatically faster Time to Interactive, better Lighthouse scores, and a real-world loading experience that feels instant.

WHY THIS BEATS A NATIVE EMBED

YouTube's default embed loads its entire player runtime on page paint, whether or not the user ever watches the video. Vimeo's iframe is lighter but still triggers third-party scripts immediately. LazyLoad Video replaces all of that with a static image and a single IntersectionObserver listener, one of the most efficient browser APIs available. The heavy player only loads when it enters the viewport or when the user clicks. On pages with multiple videos, the difference in total page weight can be several megabytes.

PROVIDERS SUPPORTED

· YouTube — paste any link format: youtu.be, watch?v=, /shorts/, /live/, /embed/, or bare 11-character ID

· Vimeo — paste any Vimeo URL or numeric ID, thumbnail and title fetched automatically via oEmbed

· CDN / Direct URL — link to any hosted .mp4, .webm, or .mov file with full custom controls

· Upload — attach a video file directly from the Framer side panel, first frame extracted automatically as poster image

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

5a:[["$","$L5d",null,{"post":{"id":"019ca635-4204-76b6-a32a-8173a1e5423a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"I0Ieu4Qnz4H5J0B9kab4","resolved":true,"title":"LazyLoad Video","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most video embeds destroy your page speed. A single YouTube iframe adds 500–700 KB of blocking JavaScript the moment your page loads — before anyone has even pressed play. LazyLoad Video loads nothing but a lightweight thumbnail until the viewer actually needs the video. The result is dramatically faster Time to Interactive, better Lighthouse scores, and a real-world loading experience that feels instant."}]},{"type":"customHeading","content":[{"type":"text","text":"WHY THIS BEATS A NATIVE EMBED"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"YouTube's default embed loads its entire player runtime on page paint, whether or not the user ever watches the video. Vimeo's iframe is lighter but still triggers third-party scripts immediately. LazyLoad Video replaces all of that with a static image and a single IntersectionObserver listener, one of the most efficient browser APIs available. The heavy player only loads when it enters the viewport or when the user clicks. On pages with multiple videos, the difference in total page weight can be several megabytes."}]},{"type":"customHeading","content":[{"type":"text","text":"PROVIDERS SUPPORTED"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"· YouTube — paste any link format: "},{"type":"text","text":"youtu.be","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://youtu.be","class":null,"target":"_blank"}}]},{"type":"text","text":", watch?v=, /shorts/, /live/, /embed/, or bare 11-character ID"}]},{"type":"paragraph","content":[{"type":"text","text":"· Vimeo — paste any Vimeo URL or numeric ID, thumbnail and title fetched automatically via oEmbed"}]},{"type":"paragraph","content":[{"type":"text","text":"· CDN / Direct URL — link to any hosted .mp4, .webm, or .mov file with full custom controls"}]},{"type":"paragraph","content":[{"type":"text","text":"· Upload — attach a video file directly from the Framer side panel, first frame extracted automatically as poster image"}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"YouTube, Vimeo & CDN.","slug":"lazyload-video","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/I0Ieu4Qnz4H5J0B9kab4/lazyload-video-1oglEOqtSnWMHkfZccHtM7rhB2x1Dc","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T02:59:58.395Z","updatedAt":"2026-09-10T14:43:27.785Z","publishedAt":"2026-02-28T21:43:54.116Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LazySpeedyVideo-KHeOAx.js@HczS6V6knGWNTJzRZBos","previewUrl":"https://dandy-designer-216918.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"HczS6V6knGWNTJzRZBos","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-28T21:43:54.116Z","updatedAt":"2026-02-28T21:43:54.116Z","reported":false}}],"$L5f"]

Suggested for you