How to Lazy Load YouTube Videos for *Dramatic* Speed Improvements
 by John Heard

How to Lazy Load YouTube Videos for Dramatic Speed Improvements — by John Heard

A sample image placeholderSpeed Matter! Google's been drilling that point into our skulls for years and dangling high rank carrots in front of our noses to make the point. We've all learned over the last few years a fast website also can increase conversions, so it's no surprise that many webmasters are on a "speed" kick.

What's ironic is that Google themselves didn't get the memo, specifically in regards to embedded YouTube Videos. Google resources such fonts and analytics both cause a slight drag on page speed, but nothing like the impact an embedded YouTube Video can have.

The resources necessary for YouTube's embedded videos typically require over 500kb to load, plus they require calls to a remote server - yes this does have a speed impact. Below is an example of the current YouTube embed code.

<iframe
width="560" height="315"
src="https://www.youtube.com/embed/hA6hldpSTF8"
frameborder="0" allow="accelerometer; autoplay;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>

In use, it looks like this...

Note: YouTube's embed code is "not" responsive, that can be a problem now also! More on this later...

In the past we used a band-aid approach to this problem by taking a screen shot of the embed, then use that image on the page linking it either to a dedicated video page where the embed was at, or to a pop-up model window with the embedded video in it. While that method works, it's not near as cool as the method Web Developer Arthur Corenzan came up with.

Arthur a cool way to make the YouTube <iframe> "Lazy Load", which means it in this case the actual YouTube code doesn't load till you click the video image. He details the method in his

Already a member? Sign in here

Read the rest of this article,
and get all this for FREE for 30 days.

  • The Search Engine Strategies Updates for September 2019
  • SEN's Monthly Marketing Podcast for Strategies on the Go
  • Ultimate Guide to Avoiding Google Penalties
  • The Complete Site Audit Checklist
  • The Definitive Local Search Audit Checklist
  • 100's of Strategic SEO Articles and Q&As
  • The Internet Marketing Glossary
  • The Pro SEO's Local Search Directory List
  • 2019 Unfair Advantage SEO Beginner's Book
  • Pro's Ultimate WordPress Plugin Guide
  • The Vault: SEN's Internet Marketing Research Librarys
  • PLUS, as a Full SEN Basic Member, you'll be eligible for hundreds of dollars of discounts on SEO courses ranging from beginner to master on a variety of topics including organic search, local search, and social networking.

  • Your free trial is good for 30 days, until October 22nd, 2019.