<\/span><\/h3>\n\n\n\nLazy loading means \u201cwait until it\u2019s needed.\u201d Browsers support it natively with one attribute:<\/p>\n\n\n\n
html<\/p>\n\n\n\n
<iframe src=\"https:\/\/www.youtube.com\/embed\/VIDEO_ID\" loading=\"lazy\"><\/iframe><\/code><\/pre>\n\n\n\nSince WordPress 5.7, core supports it for iframes. Sounds like problem solved, right? Not always. Page builders, custom HTML blocks and pasted widget code can skip that default, so it\u2019s worth checking. View the page source, search for <iframe, and see which ones are missing the attribute.<\/p>\n\n\n\n
This is also where a performance plugin saves you time. FastPixel lazy loads iframes automatically, YouTube and Google Maps included, so you don\u2019t have to hunt down every embed by hand. We\u2019ll come back to that below.<\/p>\n\n\n\n
Native lazy loading has one limit, though. When the visitor scrolls close to the embed, the full player loads, whether they press play or not.<\/p>\n\n\n\n
<\/span>Facades: going one step further for YouTube<\/strong><\/span><\/h3>\n\n\n\nA facade is a thumbnail with a play button on top. It\u2019s an image pretending to be a video, and the real player only loads on click. It\u2019s a separate technique from lazy loading, and you usually set it up with a dedicated script or plugin.<\/p>\n\n\n\n<\/td> Standard embed<\/strong><\/td>Native lazy load<\/strong><\/td>Facade<\/strong><\/td><\/tr>Loads with the page<\/td> Yes<\/td> No<\/td> No<\/td><\/tr> Loads on scroll<\/td> n\/a<\/td> Yes<\/td> No<\/td><\/tr> Loads on click only<\/td> No<\/td> No<\/td> Yes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\nIf you want to reduce tracking cookies, you can switch to youtube-nocookie.com. That\u2019s a privacy setting, not a speed fix, and it doesn\u2019t replace proper consent handling for GDPR.<\/p>\n\n\n\n
<\/span>Google Maps needs the same treatment<\/strong><\/span><\/h3>\n\n\n\nShow a static image of the location and load the real map after a click. Or at the very least, lazy load the iframe so it stays out of the way until the visitor scrolls close.<\/p>\n\n\n\n
For a contact page, most people want the address and maybe a quick look at where you are. A link to \u201cOpen in Google Maps\u201d is often enough.<\/p>\n\n\n\n
<\/span>The CLS trap<\/strong><\/span><\/h3>\n\n\n\nHere\u2019s where people get burned. You lazy load the iframe, it appears late, and the page jumps because nobody reserved space for it.<\/p>\n\n\n\n
css<\/p>\n\n\n\n
.video-wrapper {\n\n\u00a0\u00a0aspect-ratio: 16 \/ 9;\n\n}<\/code><\/pre>\n\n\n\nDo the same for maps. If you use a facade, make it the exact same size as the real player.<\/p>\n\n\n\n
<\/span>What to leave alone<\/strong><\/span><\/h3>\n\n\n\nIf it\u2019s visible without scrolling, think twice before lazy loading it. A hero video or a map at the very top of the page may be your LCP element, and delaying it can make things worse. For a hero video, a facade is the better option.<\/p>\n\n\n\n
<\/span>Testing it<\/strong><\/span><\/h3>\n\n\n\nOpen DevTools, go to the Network tab, reload without scrolling, and filter for youtube and google. If requests for the player or the map show up, that embed may be loading earlier than it should. Scroll slowly: they should appear only when you get close to the embed.<\/p>\n\n\n\n
Then re-run PageSpeed Insights and compare the results with your earlier scores.<\/p>\n\n\n\n
<\/span>Let FastPixel handle it<\/strong><\/span><\/h3>\n\n\n\nYou can do all of this by hand. But then someone adds a new video next month and forgets the attribute, and you\u2019re back to square one.<\/p>\n\n\n\n
FastPixel lazy loads iframes automatically, including YouTube and Google Maps. There\u2019s nothing to configure and no code to edit. Embeds below the fold load when visitors get close to them, so they stay out of the way of your main content.<\/p>\n\n\n\n
If you also want click-to-load behavior for videos, you can add a facade on top. Lazy loading handles the baseline for every iframe on your site, and a facade is an optional extra for pages with heavy video.<\/p>\n\n\n\n
<\/span>FAQs<\/strong><\/span><\/h3>\n\n\n\nDo YouTube embeds hurt SEO?<\/strong>Is lazy loading enough, or do I need a facade?<\/strong>Should I lazy load every iframe?<\/strong>Does<\/strong> youtube-nocookie.com<\/strong> make my site GDPR compliant?<\/strong>Should I self-host my videos?<\/strong>Does this work for other embeds?<\/strong>Nobody thinks twice about pasting a YouTube link into a page. It works, it looks good, done. Then you run PageSpeed Insights and wonder why a simple contact page scores worse than your homepage. Often, the culprit is that little map at the bottom, or the video you embedded halfway down. Embeds aren\u2019t the enemy. […]<\/p>\n","protected":false},"author":8,"featured_media":4841,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[10],"tags":[],"class_list":["post-4840","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-optimization"],"blocksy_meta":[],"uagb_featured_image_src":{"full":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps.png",1500,850,false],"thumbnail":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps-150x150.png",150,150,true],"medium":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps-300x170.png",300,170,true],"medium_large":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps-768x435.png",768,435,true],"large":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps-1024x580.png",1024,580,true],"1536x1536":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps.png",1500,850,false],"2048x2048":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps.png",1500,850,false],"trp-custom-language-flag":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps-18x10.png",18,10,true],"betterdocs-category-thumb":["https:\/\/fastpixel.io\/wp-content\/uploads\/2026\/11\/How-to-Speed-Up-WordPress-Pages-with-YouTube-Videos-and-Google-Maps-360x204.png",360,204,true]},"uagb_author_info":{"display_name":"Bianca Rus","author_link":"https:\/\/fastpixel.io\/fr\/blog\/author\/bianca\/"},"uagb_comment_info":0,"uagb_excerpt":"Nobody thinks twice about pasting a YouTube link into a page. It works, it looks good, done. Then you run PageSpeed Insights and wonder why a simple contact page scores worse than your homepage. Often, the culprit is that little map at the bottom, or the video you embedded halfway down. Embeds aren\u2019t the enemy.\u2026","_links":{"self":[{"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/posts\/4840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/comments?post=4840"}],"version-history":[{"count":1,"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/posts\/4840\/revisions"}],"predecessor-version":[{"id":4842,"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/posts\/4840\/revisions\/4842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/media\/4841"}],"wp:attachment":[{"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/media?parent=4840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/categories?post=4840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fastpixel.io\/fr\/wp-json\/wp\/v2\/tags?post=4840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}