Loading & Fonts

Lazy-load media, preload and self-host fonts, and add resource hints to speed up page loading.

These settings apply to the whole site, so a change here is visible on every page that uses the feature. Find them under Canvas > Performance, in the Loading & Fonts tab.

The tab sits in the rail on the left of the screen, with its own panel beside it:

This group holds the following settings:

• JS Lazy Load ImagesDefaultOff

  Hold images back with a script until a visitor scrolls near them. Off by default, because browsers already do this on their own; leave it off unless you specifically need the script version.

• Lazy Load iFrames & VideosDefaultOn

  Hold back embedded videos and maps until a visitor scrolls near them. A page carrying several embeds becomes usable far sooner, because each one would otherwise load its own player on arrival.

• Preload FontsDefaultOn

  Fetch your web fonts at the very start of the page load so text is drawn in the right typeface immediately, instead of appearing in a fallback font and then visibly switching.

• Force font-display: swapDefaultOn

  Append &display=swap to Google Fonts URLs so browsers show fallback text immediately while fonts load.

• Host Google Fonts LocallyDefaultOff

  Download and self-host Google Fonts to improve privacy and reduce external requests.

• DNS PrefetchDefaultOn

  Look up the addresses of the outside services your pages use, such as font and analytics providers, while the page is still loading. It removes a short wait the first time each service is contacted.

• Preconnect to External OriginsDefaultOn

  Open the connection to the outside services your pages use before anything is actually requested from them. It goes further than the address lookup above and matters most for the provider serving your fonts.

• Preload LCP ImageDefaultOff

  Fetch the main image of a post or page ahead of everything else, so the first thing a visitor sees appears sooner. It is the largest single win available on an image-led page.