Jump to content

Change Logo loading from eager to lazy - Squarespace 7.1

Recommended Posts

I am using Weglot to translate my website.  I can easily set it to swap our English language graphics for Spanish language graphics.

Except for the Logo in the navbar.  The logo is set to loading="eager" and to give Weglot time to swap it out for the Spanish version, it needs to be set to loading="lazy

Here is the code now....

<div class="header-title-logo">
                        <a href="/" data-animation-role="header-element">
                        
<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/6660ec542e43c8677a53b209/915b3c9c-63b3-4f64-a7aa-1da623be6b9c/AM+board.png?format=1500w" alt="Antony Maderal" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">

                        </a>
                      </div>

 

I tried a few things, but can't force the logo to  loading="lazy”

This didn't work...

/* lazy load logo */

.header-title-logo img {
    loading="lazy”;
 }

 

Link to comment
  • Replies 0
  • Views 856
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.