Contents

Loading

Whether the embed loads with the page or waits until it is scrolled to.

Where to find it
Labelled Embed Loading in the "Selected Component" section of the Modify drawer.
Offered by
The Embed component. Other components do not have this setting.
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.

In plain English

An embed is a whole second page loading inside yours, and a YouTube player is often heavier than everything else on the page put together. This setting decides when that happens.

Left alone, embeds wait. Nothing is fetched until the visitor scrolls far enough that the embed is nearly on screen, which means an embed at the bottom of a long page costs a visitor who never reaches it precisely nothing. That is the right behaviour almost every time, which is why it is the default.

The exception is an embed that is visible the moment the page opens, without any scrolling — a video at the top of a landing page, say. Waiting there produces a visible blank rectangle that fills in a beat later, so tell it to load with the page instead.

What each option does

OptionWhat you will see
lazyWaits until the visitor scrolls near it. The default, and right for most embeds.
eagerLoads with the rest of the page. Only for an embed visible without scrolling.

When you would use it

  • Setting "eager" for a video or map at the very top of a page, above everything else.
  • Leaving it as "lazy" for anything a visitor has to scroll to, which is most embeds.

How to change it

  1. Click the embed on the canvas.
  2. In the Modify drawer, open "Selected Component", then "Embed Loading".
  3. Choose "lazy" or "eager".
  4. Uncheck "Same value for all resolutions" to load eagerly only on desktop.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.

Watch out for

  • Setting "eager" on an embed below the fold slows the whole page down for every visitor, including the ones who never scroll that far.
  • More than one "eager" embed on a page is almost always a mistake. They compete with each other and with your own content.
  • This is about when the frame is fetched, not about the video playing. Nothing plays on its own either way.

Related settings

Where to go next