Speed · high impact

YouTube, Vimeo or Google Maps embeds load immediately

Your page loads a full video player or map on page load. A single YouTube embed pulls in over 1MB of JavaScript before the visitor even presses play.

Why it matters

Embed scripts compete with your own content for bandwidth and the main thread, hurting LCP, Total Blocking Time and INP.

How to fix it in WordPress

  1. Replace each embed with a lightweight preview (a thumbnail image with a play button) that loads the real player only when clicked.
  2. Plugins like 'WP YouTube Lyte' do this for videos; for maps, use a static map image that links to Google Maps.
  3. Lazy-load any embeds that are below the fold.

Plugin-specific steps

Already using one of these plugins? Follow the exact steps for your setup.

Perfmatters

  1. 1Go to Settings → Perfmatters → Lazy Load.
  2. 2Toggle on 'iFrames and Videos'.
  3. 3Toggle on 'YouTube Preview Thumbnails'.
  4. 4If the map isn't needed on every page, go to General and toggle 'Disable Google Maps' (with exceptions for your contact page).
  5. 5Save and clear your cache.

WP Rocket

  1. 1Go to Settings → WP Rocket → Media.
  2. 2Check 'Enable for iframes and videos'.
  3. 3Check 'Replace YouTube iframe with preview image'.
  4. 4Save changes.

LiteSpeed Cache

  1. 1Go to LiteSpeed Cache → Page Optimization → Media Settings.
  2. 2Turn on 'Lazy Load Iframes'.
  3. 3Save and purge all caches.

How to verify the fix

  • Reload the page with DevTools → Network open: no youtube.com or maps requests should appear until you click the embed.

Related Speed fixes

Text files are sent uncompressed →WooCommerce cart fragments run on every page →Avoid an excessive DOM size →

Find out which of these your site has.

Free scan with real Google data. Exact fixes for your plugins.