sayheykevin
Member
- Mar 4, 2019
- 46
- 7
- 8
[WP Rocket]How To Disable LazyLoad on Specific Images
- Thread starter sayheykevin
- Start date
-
Welcome to Original Babiato! All Resource are Free and No downloading Limit.. Join Our Official Telegram Channel For updates Bypass All the resource restrictions/Password/Key? Read here! Read Before submitting Resource Read here! Support Our Work By Donating Click here!
here @sayheykevin wp rocket has an article on this https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images
sayheykevin
Member
- Mar 4, 2019
- 46
- 7
- 8
you can either do this :
<img src="yourheaderlogo.jpg" class="skip-lazy" alt="" width="100" width="100" />
or
checkout the above link i posted to target a specific class
<img src="yourheaderlogo.jpg" class="skip-lazy" alt="" width="100" width="100" />
or
checkout the above link i posted to target a specific class
sayheykevin
Member
- Mar 4, 2019
- 46
- 7
- 8
I tried it but can you please tell what changes I need to implement in code.
I don't want the image name "main-logo" to lazy load.
videva
Member
- Aug 25, 2020
- 75
- 53
- 18
what theme are you using ??
just edit header.php find your img logo code change to this
<img src="your-logo-image.jpg" data-skip-lazy="" class="skip-lazy" alt="" />
sayheykevin
Member
- Mar 4, 2019
- 46
- 7
- 8
sayheykevin
Member
- Mar 4, 2019
- 46
- 7
- 8
videva
Member
- Aug 25, 2020
- 75
- 53
- 18
if so, edit the header.php in wp-content/themes/generatepress/inc/structure
then follow the steps below
PHP:
//1. find header-image in header.php
//you will see code like this
$attr = apply_filters( 'generate_logo_attributes', array(
'class' => 'header-image',
'alt' => esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ),
'src' => $logo_url,
'title' => esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ),
) );
//then replace the code above with the code below
$attr = apply_filters( 'generate_logo_attributes', array(
'class' => 'skip-lazy header-image',
'data-skip-lazy' => '',
'alt' => esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ),
'src' => $logo_url,
'title' => esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ),
) );
//save and refresh you homepage.#result like this, i'm using generatepress theme without elementor plugin.
If this doesn't work then you should Assigning class to Element in Elementor
-add skip-lazy class to logo element
Last edited:
Similar threads
Latest posts
-
Profecient - Multipurpose Elementor Business & WooCommerce WordPress Theme- Latest: maxpayneinfo
-
-
