search

elementor / elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
https://elementor.com/
GNU General Public License v3.0
6.42k stars 1.39k forks source link

Image Carousel Lazy Load: images looks broken before loading #27215

Open bluantinoo opened 2 weeks ago

bluantinoo commented 2 weeks ago

Prerequisites

Description

When Lazy Load options is ON images look broken (file not found) on browsers before they are loaded.

This screenshot should explain better, this is what I see before the image is loaded:

Screenshot at May 04 14-44-03

it's quite an ugly effect.

turning off the Lazyload option on Image Carousel Additional Options fixes the issue (but I want lazy load!).

Steps to reproduce

just create an image carousel on Elementor and activate the lazyload option on Additional Options

Expected behavior

Not to see the icon as the image was not found

Isolating the problem

Elementor System Info

== Server Environment ==
    Operating System: Linux
    Software: Apache
    MySQL version: MySQL Community Server - GPL v8.0.36
    PHP Version: 8.1.28
    PHP Memory Limit: 1024M
    PHP Max Input Vars: 12000
    PHP Max Post Size: 150M
    GD Installed: Yes
    ZIP Installed: Yes
    Write Permissions: All right
    Elementor Library: Connected

== WordPress Environment ==
    Version: 6.4.2
    Site URL: https://www.immobiliare-domus.com
    Home URL: https://www.immobiliare-domus.com
    WP Multisite: No
    Max Upload Size: 150 MB
    Memory limit: 40M
    Max Memory limit: 1024M
    Permalink Structure: /%postname%/
    Language: it_IT
    Timezone: 1
    Admin Email: diego.vagnoli@idearia.it
    Debug Mode: Active

== Theme ==
    Name: DOMNUS Immobiliare Child for Hello Elementor
    Version: 0.1.1669636312
    Author: Diego vagnoli
    Child Theme: Yes
    Parent Theme Name: Hello Elementor
    Parent Theme Version: 2.9.0
    Parent Theme Author: Elementor Team

== User ==
    Role: administrator
    WP Profile lang: en-US
    User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

== Active Plugins ==
    ACF: Better Search
        Version: 4.2.1
        Author: Mateusz Gbiorczyk

    ACF OpenStreetMap Field
        Version: 1.5.6
        Author: Jörn Lund

    Admin Columns Pro
        Version: 6.4.8
        Author: AdminColumns.com

    Advanced Custom Fields PRO
        Version: 6.2.9
        Author: WP Engine

    DynamicConditions
        Version: 1.6.2
        Author: RTO GmbH

    Easy Watermark
        Version: 1.0.11
        Author: BracketSpace

    Elementor
        Version: 3.21.4
        Author: Elementor.com

    Elementor Pro
        Version: 3.21.2
        Author: Elementor.com

    Enable Media Replace
        Version: 4.1.5
        Author: ShortPixel

    GDPR Cookie Consent
        Version: 2.3.7
        Author: WebToffee

    Gravity Forms
        Version: 2.8.9
        Author: Gravity Forms

    Gravity Forms Google Analytics Add-On
        Version: 2.2.0
        Author: Gravity Forms

    Imagify
        Version: 2.2.2
        Author: Imagify – Optimize Images & Convert WebP & Avif

    JetSmartFilters
        Version: 3.4.5
        Author: Crocoblock

    Loco Translate
        Version: 2.6.7
        Author: Tim Whitlock

    Mail logging - WP Mail Catcher
        Version: 2.1.7
        Author: James Ward

    Post Duplicator
        Version: 2.34
        Author: Metaphor Creations

    Rank Math SEO with AI Best SEO Tools
        Version: 1.0.218
        Author: Rank Math

    Redirection
        Version: 5.4.2
        Author: John Godley

    Simple History
        Version: 4.15.1
        Author: Pär Thernström

    Site Kit by Google
        Version: 1.125.0
        Author: Google

    SMTP Mailer
        Version: 1.1.9
        Author: naa986

    WP-UserOnline
        Version: 2.88.3
        Author: Lester 'GaMerZ' Chan

    WP Content Copy Protection & No Right Click
        Version: 3.5.8
        Author: wp-buy

    WP Fastest Cache
        Version: 1.2.5
        Author: Emre Vona

    WP Migrate Lite
        Version: 2.6.10
        Author: WP Engine

    WP reCaptcha Integration
        Version: 1.2.5
        Author: weDevs

    YITH Custom Login
        Version: 1.7.0
        Author: YITH <plugins@yithemes.com>

== Must-Use Plugins ==
    Local WP Live Link Helper
        Version: 2.0
        Author: Flywheel

    WP Migrate Lite Compatibility
        Version: 1.3
        Author: Delicious Brains

== Elements Usage ==

    archive : 1
        container : 6
        heading : 5
        jet-smart-filters-active : 1
        jet-smart-filters-apply-button : 1
        jet-smart-filters-checkboxes : 1
        jet-smart-filters-range : 2
        jet-smart-filters-remove-filters : 1
        jet-smart-filters-select : 3
        loop-grid : 1
        shortcode : 1
        text-editor : 1
        theme-archive-title : 2
    container : 3
        container : 3
        heading : 4
    footer : 1
        container : 6
        heading : 3
        image : 1
        nav-menu : 3
        text-editor : 2
    header : 1
        button : 1
        container : 4
        icon-box : 4
        nav-menu : 1
        theme-site-logo : 1
    popup : 2
        container : 4
        divider : 1
        icon : 1
        icon-box : 4
        nav-menu : 1
        shortcode : 1
        theme-site-logo : 1
    wp-page : 6
        button : 15
        container : 54
        google_maps : 1
        heading : 45
        icon : 5
        icon-box : 7
        icon-list : 2
        image : 5
        loop-carousel : 3
        shortcode : 4
        text-editor : 19
    single-post : 1
        container : 16
        gallery : 1
        heading : 12
        html : 1
        icon : 1
        image : 1
        image-carousel : 1
        post-info : 5
        share-buttons : 1
        shortcode : 8
        text-editor : 1
        theme-post-content : 1
        theme-post-featured-image : 1
        theme-post-title : 2
    loop-item : 2
        button : 1
        container : 5
        heading : 9
        icon-list : 1
        image-carousel : 1
        post-info : 2
        shortcode : 2
        theme-post-excerpt : 1
        theme-post-featured-image : 1
        theme-post-title : 2

== Settings ==

    cpt_support: post, page, annuncio
    allow_tracking: yes
    font_display: swap

== Features ==
    Custom Fonts: 0
    Custom Icons: 0

== Integrations ==

    google_maps: Active

== Elementor Experiments ==
    Improved Asset Loading: Active by default
    Improved CSS Loading: Active by default
    Inline Font Icons: Active
    Additional Custom Breakpoints: Active by default
    admin_menu_rearrangement: Inactive by default
    Flexbox Container: Active
    Upgrade Swiper Library: Active by default
    Grid Container: Active
    Nested Elements Performance: Inactive by default
    Optimized Control Loading: Inactive by default
    Default to New Theme Builder: Active by default
    Hello Theme Header &amp; Footer: Active by default
    Elementor Home Screen: Active by default
    Editor Top Bar: Active
    Build with AI: Active by default
    Landing Pages: Active by default
    Nested Elements: Active
    Lazy Load Background Images: Inactive by default
    Pages Panel: Inactive by default
    Display Conditions: Inactive by default
    Form Submissions: Active by default
    Menu: Inactive by default
    Taxonomy Filter: Inactive by default

== Log ==

Log: showing 20 of 332023-12-12 10:34:40 [info] elementor-pro::elementor_pro_updater Started 
2023-12-12 10:34:40 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-12-12 10:34:40 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-12-12 10:34:40 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.16.2',
  'to' => '3.18.1',
)]
2023-12-12 10:34:40 [info] elementor::elementor_updater Started 
2023-12-12 10:34:40 [info] Elementor/Upgrades - _on_each_version Start  
2023-12-12 10:34:41 [info] Elementor/Upgrades - _on_each_version Finished 
2023-12-12 10:34:41 [info] Elementor/Upgrades - _v_3_17_0_site_settings_updates Start  
2023-12-12 10:34:41 [info] Elementor/Upgrades - _v_3_17_0_site_settings_updates Finished 
2023-12-12 10:34:41 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.16.5',
  'to' => '3.18.2',
)]
2024-05-04 13:26:41 [info] elementor::elementor_updater Started 
2024-05-04 13:26:41 [info] Elementor/Upgrades - _on_each_version Start  
2024-05-04 13:26:41 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.18.2',
  'to' => '3.21.4',
)]
2024-05-04 13:26:41 [info] Elementor/Upgrades - _on_each_version Finished 
2024-05-04 13:26:41 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.18.2',
  'to' => '3.21.4',
)]
2024-05-04 13:26:51 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.18.1',
  'to' => '3.21.2',
)]
2024-05-04 13:27:04 [info] elementor-pro::elementor_pro_updater Started 
2024-05-04 13:27:04 [info] Elementor Pro/Upgrades - _on_each_version Start  
2024-05-04 13:27:04 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2024-05-04 13:27:04 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.18.1',
  'to' => '3.21.2',
)]

JS: showing 7 of 7JS: 2023-09-21 09:42:47 [error X 3][https://www.immobiliare-domus.com/wp-admin/load-scripts.php?c=1&amp;loadchunk_0=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&amp;ver=6.3.1:2:28722] Cannot read properties of undefined (reading &#039;value&#039;) 
JS: 2023-09-21 13:31:36 [error X 1][https://www.immobiliare-domus.com/wp-content/plugins/elementor/assets/js/container.284c9bf9b36eadd05080.bundle.min.js:2:6544] rows is not defined 
JS: 2023-09-21 13:34:49 [error X 12][https://www.immobiliare-domus.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.16.4:3:632551] Cannot read properties of undefined (reading &#039;model&#039;) 
JS: 2023-09-27 17:43:18 [error X 1][https://www.immobiliare-domus.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.16.4:3:804182] Cannot read properties of undefined (reading &#039;toLowerCase&#039;) 
JS: 2023-09-27 17:50:50 [error X 1][https://www.immobiliare-domus.com/wp-content/plugins/elementor-pro/assets/js/editor.min.js?ver=3.16.2:2:64105] Cannot convert undefined or null to object 
JS: 2023-09-27 17:51:20 [error X 4][https://www.immobiliare-domus.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.16.4:2:16853] Cannot read properties of undefined (reading &#039;data&#039;) 
JS: 2023-11-21 12:38:32 [error X 2][https://www.immobiliare-domus.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.16.5:3:639892] Cannot read properties of undefined (reading &#039;isDesignable&#039;) 

PHP: showing 3 of 3PHP: 2023-09-21 14:21:55 [warning X 13][/home/osimmobi/public_html/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php::150] Undefined array key &quot;condition_type&quot; [array (
  'trace' => '
#0: /home/osimmobi/public_html/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(150): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_template_json_item()
#2: /home/osimmobi/public_html/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(120): class type array_map()
#3: /home/osimmobi/public_html/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(59): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_templates_json()
#4: /home/osimmobi/public_html/wp-content/plugins/elementor/data/base/endpoint.php(158): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> get_items()
',
)]
PHP: 2023-09-27 16:40:22 [warning X 6][/home/osimmobi/public_html/wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-gallery.php::36] Undefined array key 1 [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-09-28 10:56:26 [warning X 8][/home/osimmobi/public_html/wp-content/plugins/elementor-pro/modules/posts/skins/skin-content-base.php::265] Attempt to read property &quot;ID&quot; on null [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

== Elementor - Compatibility Tag ==

    Elementor Pro: Compatibility not specified

== Elementor Pro - Compatibility Tag ==

Agreement