Lazyloading not loading images

Resolved

(@twoscript)

When I turn on Lazyloading the images are replaced with the placeholder but never loaded.
The image element does have the attribute data-lazyloaded=”1″. It does have the data-src with the right image URL. And it does have a SRC with a base64 image (The placeholder i’m assuming)

Below you can find the debug log from the litespeed plugin:

01/05/24 12:57:06.322 [46.21.164.91:51393 1 Rtx] 💓 ------GET HTTP/1.1 (HTTPS) /wp-admin/admin.php
01/05/24 12:57:06.322 [46.21.164.91:51393 1 Rtx] Query String: page=litespeed-page_optm
01/05/24 12:57:06.322 [46.21.164.91:51393 1 Rtx] HTTP_REFERER: https://twoscript.nl/wp-admin/admin.php?page=litespeed-toolbox
01/05/24 12:57:06.322 [46.21.164.91:51393 1 Rtx] Cookie _lscache_vary: 92faae30e59e028e93610fd606ac6958
01/05/24 12:57:06.322 [46.21.164.91:51393 1 Rtx] LSCACHE_VARY_COOKIE: ,wp-postpass_6605d685518ff080962a483a78521c9b
01/05/24 12:57:06.362 [46.21.164.91:51393 1 Rtx] 👮 No cache due to Admin page
01/05/24 12:57:06.380 [46.21.164.91:51393 1 Rtx] [Ctrl] X Cache_control -> private ( logged in user )
01/05/24 12:57:06.527 [2.58.165.47:52398 1 sKW] 💓 ------POST HTTP/1.1 (HTTPS) /wp-cron.php
01/05/24 12:57:06.527 [2.58.165.47:52398 1 sKW] Query String: doing_wp_cron=1704459426.4041409492492675781250
01/05/24 12:57:06.527 [2.58.165.47:52398 1 sKW] LSCACHE_VARY_COOKIE: ,wp-postpass_6605d685518ff080962a483a78521c9b
01/05/24 12:57:06.547 [46.21.164.91:51393 1 Rtx] [Ctrl] not cacheable before ctrl finalize
01/05/24 12:57:06.547 [46.21.164.91:51393 1 Rtx] [Router] get_role: administrator
01/05/24 12:57:06.551 [46.21.164.91:51393 1 Rtx] [Vary] set_cookie ---> admin_bar:1;logged-in:1;role:99
01/05/24 12:57:06.552 [46.21.164.91:51393 1 Rtx] [Ctrl] ❌ forced no cache [reason] DONOTCACHEPAGE const
01/05/24 12:57:06.552 [46.21.164.91:51393 1 Rtx] 💰 X-LiteSpeed-Cache-Control: no-cache
01/05/24 12:57:06.552 [46.21.164.91:51393 1 Rtx] [Vary] uid: 1
01/05/24 12:57:06.553 [46.21.164.91:51393 1 Rtx] [Core] run hook litespeed_buffer_finalize
01/05/24 12:57:06.553 [46.21.164.91:51393 1 Rtx] Response headers --- array (
0 => 'X-Powered-By: PHP/7.4.30',
1 => 'Expires: Wed, 11 Jan 1984 05:00:00 GMT',
2 => 'Cache-Control: no-cache, must-revalidate, max-age=0, no-store, private',
3 => 'Referrer-Policy: strict-origin-when-cross-origin',
4 => 'X-Frame-Options: SAMEORIGIN',
5 => 'Content-Type: text/html; charset=UTF-8',
6 => 'Set-Cookie: _lscache_vary=admin_bar%3A1%3Blogged-in%3A1%3Brole%3A99; expires=Sun, 07-Jan-2024 12:57:06 GMT; Max-Age=172800; path=/; secure; HttpOnly',
7 => 'X-LiteSpeed-Cache-Control: no-cache',
)
01/05/24 12:57:06.553 [46.21.164.91:51393 1 Rtx] End response
--------------------------------------------------Duration: 232.69 ms------------------------------

01/05/24 12:57:06.577 [2.58.165.47:52398 1 sKW] [Router] get_role:
01/05/24 12:57:06.578 [2.58.165.47:52398 1 sKW] [Optm] init
01/05/24 12:57:06.707 [2.58.165.47:52400 1 oRc] 💓 ------POST HTTP/1.1 (HTTPS) /wp-admin/admin-ajax.php
01/05/24 12:57:06.707 [2.58.165.47:52400 1 oRc] Query String: action=async_litespeed&nonce=eefaf0a4f9&litespeed_type=imgoptm
01/05/24 12:57:06.707 [2.58.165.47:52400 1 oRc] LSCACHE_VARY_COOKIE: ,wp-postpass_6605d685518ff080962a483a78521c9b
01/05/24 12:57:06.762 [2.58.165.47:52400 1 oRc] 👮 No cache due to Admin page
01/05/24 12:57:06.814 [2.58.165.47:52400 1 oRc] [Router] parsed type: imgoptm
01/05/24 12:57:06.814 [2.58.165.47:52400 1 oRc] ⏰ type=imgoptm
01/05/24 12:57:06.815 [2.58.165.47:52400 1 oRc] 🗜️ ------------async-------------start_async_handler
01/05/24 12:57:06.815 [2.58.165.47:52400 1 oRc] 🗜️ ❌ no need pull [tag]
01/05/24 12:57:06.815 [2.58.165.47:52400 1 oRc] 💰 [Tag] Add --- HTTP.200
01/05/24 12:57:06.816 [2.58.165.47:52400 1 oRc] [Ctrl] not cacheable before ctrl finalize
01/05/24 12:57:06.816 [2.58.165.47:52400 1 oRc] [Router] get_role:
01/05/24 12:57:06.816 [2.58.165.47:52400 1 oRc] [Vary] role id: failed, guest
01/05/24 12:57:06.817 [2.58.165.47:52400 1 oRc] [Router] get_role:
01/05/24 12:57:06.817 [2.58.165.47:52400 1 oRc] [Ctrl] ❌ forced no cache [reason] DONOTCACHEPAGE const
01/05/24 12:57:06.817 [2.58.165.47:52400 1 oRc] 💰 X-LiteSpeed-Cache-Control: no-cache
01/05/24 12:57:06.817 [2.58.165.47:52400 1 oRc] [Router] get_role:
01/05/24 12:57:06.818 [2.58.165.47:52400 1 oRc] [Vary] role id: failed, guest
01/05/24 12:57:06.818 [2.58.165.47:52400 1 oRc] [Router] get_role:
01/05/24 12:57:06.818 [2.58.165.47:52400 1 oRc] [Core] run hook litespeed_buffer_finalize
01/05/24 12:57:06.818 [2.58.165.47:52400 1 oRc] [Core] Silence Comment due to REST/AJAX
01/05/24 12:57:06.819 [2.58.165.47:52400 1 oRc] Response headers --- array (
0 => 'X-Powered-By: PHP/7.4.30',
1 => 'Content-Type: text/html; charset=UTF-8',
2 => 'X-Robots-Tag: noindex',
3 => 'X-Content-Type-Options: nosniff',
4 => 'Referrer-Policy: strict-origin-when-cross-origin',
5 => 'X-Frame-Options: SAMEORIGIN',
6 => 'X-LiteSpeed-Tag: 3ce_HTTP.200',
7 => 'Expires: Wed, 11 Jan 1984 05:00:00 GMT',
8 => 'Cache-Control: no-cache, must-revalidate, max-age=0',
9 => 'X-LiteSpeed-Cache-Control: no-cache',
)
01/05/24 12:57:06.819 [2.58.165.47:52400 1 oRc] End response
--------------------------------------------------Duration: 113.78 ms------------------------------

01/05/24 12:57:06.827 [2.58.165.47:52398 1 sKW] ❌ !!! Err: Header sent out already
01/05/24 12:57:06.827 [2.58.165.47:52398 1 sKW] [Core] run hook litespeed_buffer_finalize
01/05/24 12:57:06.828 [2.58.165.47:52398 1 sKW] [Optm] bypass: Not frontend HTML type
01/05/24 12:57:06.828 [2.58.165.47:52398 1 sKW] Response headers --- array (
0 => 'X-Powered-By: PHP/7.4.30',
1 => 'Expires: Wed, 11 Jan 1984 05:00:00 GMT',
2 => 'Cache-Control: no-cache, must-revalidate, max-age=0',
3 => 'Content-type: text/html; charset=UTF-8',
)
01/05/24 12:57:06.828 [2.58.165.47:52398 1 sKW] End response
--------------------------------------------------Duration: 303.03 ms------------------------------





01/05/24 12:57:10.300 [46.21.164.91:51393 1 LWd] 💓 ------POST HTTP/1.1 (HTTPS) /wp-admin/admin.php
01/05/24 12:57:10.300 [46.21.164.91:51393 1 LWd] Query String: page=litespeed-page_optm
01/05/24 12:57:10.300 [46.21.164.91:51393 1 LWd] HTTP_REFERER: https://twoscript.nl/wp-admin/admin.php?page=litespeed-page_optm
01/05/24 12:57:10.300 [46.21.164.91:51393 1 LWd] Cookie _lscache_vary: admin_bar:1;logged-in:1;role:99
01/05/24 12:57:10.300 [46.21.164.91:51393 1 LWd] LSCACHE_VARY_COOKIE: ,wp-postpass_6605d685518ff080962a483a78521c9b
01/05/24 12:57:10.352 [46.21.164.91:51393 1 LWd] 👮 No cache due to Admin page
01/05/24 12:57:10.373 [46.21.164.91:51393 1 LWd] [Ctrl] X Cache_control -> private ( logged in user )
01/05/24 12:57:10.375 [46.21.164.91:51393 1 LWd] [Router] LSCWP_CTRL: save-settings
01/05/24 12:57:10.375 [46.21.164.91:51393 1 LWd] [Router] LSCWP_CTRL verified: 'save-settings'
01/05/24 12:57:10.408 [46.21.164.91:51393 1 LWd] [Settings] saving
01/05/24 12:57:10.424 [46.21.164.91:51393 1 LWd] 🗂️ [Activation] update_files
01/05/24 12:57:10.497 [46.21.164.91:51393 1 LWd] [Ctrl] not cacheable before ctrl finalize
01/05/24 12:57:10.497 [46.21.164.91:51393 1 LWd] [Router] get_role: administrator
01/05/24 12:57:10.498 [46.21.164.91:51393 1 LWd] [Ctrl] ❌ forced no cache [reason] DONOTCACHEPAGE const
01/05/24 12:57:10.498 [46.21.164.91:51393 1 LWd] 💰 X-LiteSpeed-Cache-Control: no-cache
01/05/24 12:57:10.498 [46.21.164.91:51393 1 LWd] [Vary] uid: 1
01/05/24 12:57:10.499 [46.21.164.91:51393 1 LWd] [Core] run hook litespeed_buffer_finalize
01/05/24 12:57:10.499 [46.21.164.91:51393 1 LWd] Response headers --- array (
0 => 'X-Powered-By: PHP/7.4.30',
1 => 'Expires: Wed, 11 Jan 1984 05:00:00 GMT',
2 => 'Cache-Control: no-cache, must-revalidate, max-age=0, no-store, private',
3 => 'Referrer-Policy: strict-origin-when-cross-origin',
4 => 'X-Frame-Options: SAMEORIGIN',
5 => 'Content-Type: text/html; charset=UTF-8',
6 => 'X-LiteSpeed-Cache-Control: no-cache',
)
01/05/24 12:57:10.500 [46.21.164.91:51393 1 LWd] End response
--------------------------------------------------Duration: 201.65 ms------------------------------

01/05/24 12:57:11.465 [46.21.164.91:51393 1 SRq] 💓 ------GET HTTP/1.1 (HTTPS) /
01/05/24 12:57:11.465 [46.21.164.91:51393 1 SRq] Query String:
01/05/24 12:57:11.465 [46.21.164.91:51393 1 SRq] HTTP_REFERER: https://twoscript.nl/
01/05/24 12:57:11.465 [46.21.164.91:51393 1 SRq] Cookie _lscache_vary: admin_bar:1;logged-in:1;role:99
01/05/24 12:57:11.465 [46.21.164.91:51393 1 SRq] LSCACHE_VARY_COOKIE: ,wp-postpass_6605d685518ff080962a483a78521c9b
01/05/24 12:57:11.514 [46.21.164.91:51393 1 SRq] [Ctrl] X Cache_control -> private ( logged in user )
01/05/24 12:57:11.514 [46.21.164.91:51393 1 SRq] [Router] get_role: administrator
01/05/24 12:57:11.515 [46.21.164.91:51393 1 SRq] 📺 Suppress default WP lazyload
01/05/24 12:57:11.541 [46.21.164.91:51393 1 SRq] 💰 [Tag] Add --- HTTP.200
01/05/24 12:57:11.541 [46.21.164.91:51393 1 SRq] [Ctrl] X Cache_control init on
01/05/24 12:57:11.612 [46.21.164.91:51393 1 SRq] [Core] Footer hook called
01/05/24 12:57:11.619 [46.21.164.91:51393 1 SRq] [Core] Footer check passed
01/05/24 12:57:11.620 [46.21.164.91:51393 1 SRq] 💰 X-LiteSpeed-Cache-Control: private,max-age=1800
01/05/24 12:57:11.620 [46.21.164.91:51393 1 SRq] [Vary] uid: 1
01/05/24 12:57:11.620 [46.21.164.91:51393 1 SRq] 💰 X-LiteSpeed-Tag: 3ce_tag_priv,public:3ce_HTTP.200,public:3ce_front,public:3ce_URL./,public:3ce_F,public:3ce_Po.10,public:3ce_PGS,public:3ce_
01/05/24 12:57:11.621 [46.21.164.91:51393 1 SRq] [Core] Footer check passed
01/05/24 12:57:11.621 [46.21.164.91:51393 1 SRq] [Core] run hook litespeed_buffer_finalize
01/05/24 12:57:11.621 [46.21.164.91:51393 1 SRq] 📺 finalize
01/05/24 12:57:11.623 [46.21.164.91:51393 1 SRq] Response headers --- array (
0 => 'X-Powered-By: PHP/7.4.30',
1 => 'Expires: Wed, 11 Jan 1984 05:00:00 GMT',
2 => 'Cache-Control: no-cache, must-revalidate, max-age=0, no-store, private',
3 => 'Content-Type: text/html; charset=UTF-8',
4 => 'X-Frame-Options: SAMEORIGIN',
5 => 'Link: <https://twoscript.nl/wp-json/>; rel="https://api.w.org/"',
6 => 'Link: <https://twoscript.nl/wp-json/wp/v2/pages/10>; rel="alternate"; type="application/json"',
7 => 'Link: <https://twoscript.nl/>; rel=shortlink',
8 => 'X-LiteSpeed-Cache-Control: private,max-age=1800',
9 => 'X-LiteSpeed-Tag: 3ce_tag_priv,public:3ce_HTTP.200,public:3ce_front,public:3ce_URL./,public:3ce_F,public:3ce_Po.10,public:3ce_PGS,public:3ce_',
)
01/05/24 12:57:11.623 [46.21.164.91:51393 1 SRq] End response
--------------------------------------------------Duration: 159.18 ms------------------------------





01/05/24 12:57:15.741 [46.21.164.91:51393 1 kN2] 💓 ------GET HTTP/1.1 (HTTPS) /wp-admin/admin.php
01/05/24 12:57:15.741 [46.21.164.91:51393 1 kN2] Query String: page=litespeed-toolbox
01/05/24 12:57:15.741 [46.21.164.91:51393 1 kN2] HTTP_REFERER: https://twoscript.nl/wp-admin/admin.php?page=litespeed-toolbox
01/05/24 12:57:15.741 [46.21.164.91:51393 1 kN2] Cookie _lscache_vary: admin_bar:1;logged-in:1;role:99
01/05/24 12:57:15.741 [46.21.164.91:51393 1 kN2] LSCACHE_VARY_COOKIE: ,wp-postpass_6605d685518ff080962a483a78521c9b
01/05/24 12:57:15.797 [46.21.164.91:51393 1 kN2] 👮 No cache due to Admin page
01/05/24 12:57:15.817 [46.21.164.91:51393 1 kN2] [Ctrl] X Cache_control -> private ( logged in user )

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Support qtwrk
(@qtwrk)

2 years, 4 months ago

that’s most likely something else is doing , or trying to do the lazyload , it conflicts with our javascript library that lazyloads

what’s the image tag code without enable lazyload ?
Thread Starter twoscript
(@twoscript)

2 years, 4 months ago
Thank you for your response. This is an img tag when lazyloading is enabled.
```
<img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzkiIGhlaWdodD0iOTYiIHZpZXdCb3g9IjAgMCA0MzkgOTYiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="439" height="96" data-src="https://twoscript.nl/wp-content/uploads/2023/12/twoscript-logo-icon-1.png" class="attachment-full size-full" alt="" decoding="async" data-srcset="https://twoscript.nl/wp-content/uploads/2023/12/twoscript-logo-icon-1.png 439w, https://twoscript.nl/wp-content/uploads/2023/12/twoscript-logo-icon-1-300x66.png 300w" data-sizes="(max-width: 439px) 100vw, 439px">
```
We also only use a few plugins and none of have anything to do with images :
–Advanced Custom Fields PRO
–All In One WP Security
–Contact Form 7
–Limit Login Attempts Reloaded
–LiteSpeed Cache

We are using a Custom Theme. When switching to the default theme the lazy laoding seems to work. I un-enqueued all the JS files in my theme but that does not seem to fix the problem.
Plugin Support qtwrk
(@qtwrk)

2 years, 4 months ago

hmmmm? do you see any javascritp error in dev tool console ?

and also please provide the report number , you can get it in toolbox -> report -> click “send to LiteSpeed”

Thread Starter twoscript
(@twoscript)

2 years, 4 months ago

There are no JS errors.
My report number is SZTYOXKY

Plugin Support qtwrk
(@qtwrk)

2 years, 4 months ago

hmm? if you reset the setting to default , and only enable lazyload, how does it go ?

Thread Starter twoscript
(@twoscript)

2 years, 4 months ago

Nope, that didn’t help either. I turned on debug logging but I did not get any errors.

Plugin Support qtwrk
(@qtwrk)

2 years, 4 months ago

interesting issue

please create a ticket by mail to support at litespeedtech.com with reference link to this topic , we will investigate further.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Lazyloading not loading images’ is closed to new replies.

Tags