Support » Plugin: Native Lazyload » Blank images in Firefox and Edge

  • Mew

    (@gokumew2)


    Hi. I’ve had to turn this plugin off because it causes blank images to show up when using Firefox and Edge. Chrome works fine (of course). The blank image loaded in place of my site’s image is wp-content/plugins/native-lazyload/assets/images/placeholder.svg.

    Jetpack’s lazy load option is off.

    Any ideas?

    Unfortunately I didn’t check to see if this began only after the plugin update so I’m not sure if the problem was also there on the plugin’s the initial release.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Same problem here too.

    Plugin Author Felix Arntz

    (@flixos90)

    Thanks for the report. Can you share some more context on your site, which theme/plugins are active? Would you be able to temporarily activate Native Lazyload briefly and share the HTML markup of the page that appears broken?

    Mew

    (@gokumew2)

    Hi.

    I am using the a custom child theme based on Twenty Twelve.

    Here is a list of my active plugins:

    Akismet Anti-Spam Version 4.1.2 by Automattic
    All In One SEO Pack Version 3.2.7 by Michael Torbert
    ARI Fancy Lightbox Version 1.3.6 by ARI Soft
    Change Last Modified Date Version 1.2 by Zarko
    Classic Editor Version 1.5 by WordPress Contributors
    Contextual Related Posts Version 2.7.0 by WebberZone
    Display Posts Version 3.0.2 by Bill Erickson
    Display Posts – Pagination Version 1.0.0 by Bill Erickson
    Easy Footnotes Version 1.1.4 by Jason Yingling
    Jetpack by WordPress.com Version 7.7.1 by Automattic
    Mobile Menu Version 2.7.4.4 by Takanakui
    Plugins Last Updated Column Version 0.0.9 by Fastmover
    Real-Time Find and Replace Version 3.9 by Marios Alexandrou
    Redirection Version 4.3.3 by John Godley
    SiteOrigin Widgets Bundle Version 1.15.8 by SiteOrigin
    Social Snap Lite Version 1.1.5.5 by Social Snap, LLC
    SS SCROLL TO UP Version 2.1.1 by Shiful Islam
    Sticky Menu (or Anything!) on Scroll Version 2.1.1 by Mark Senff
    Tabby Responsive Tabs Version 1.2.3 by cubecolour
    UpdraftPlus – Backup/Restore Version 1.16.17 by UpdraftPlus.Com, DavidAnderson
    WCK – Custom Fields and Custom Post Types Creator Version 2.2.4 by Cozmoslabs, Madalin Ungureanu, Cristian Antohe
    Widget Options Version 3.7.3 by Phpbits Creative Studio
    WordPress Popular Posts Version 4.2.2 by Hector Cabrera
    WP-DBManager Version 2.79.2 by Lester ‘GaMerZ’ Chan
    WP-Optimize – Clean, Compress, Cache Version 3.0.11 by David Anderson, Ruhani Rabin, Team Updraft
    WP Content Copy Protection with Color Design Version 2.1.7 by Kazuki Yanamoto
    WP Content Copy Protection with Color Design Plus Version 1.0.0 by Kazuki Yanamoto
    WP Extended Search Version 1.2 by 5um17
    WPForms Lite Version 1.5.5 by WPForms
    WP Gallery Custom Links Version 1.12 by johnogg

    And here is the coding for one of the images on my page:

    <p><img class="aligncenter size-full wp-image-2233 native-lazyload-js-fallback" src="https://oneokrock.crosswithyou.net/oor/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" alt width="1008" height="547" loading="lazy" data-src="https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216.jpg" data-srcset="https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216.jpg 1008w, https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216-300x163.jpg 300w, https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216-768x417.jpg 768w, https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216-624x339.jpg 624w" data-sizes="(max-width: 1008px) 100vw, 1008px" /><noscript><img loading="lazy" class="aligncenter size-full wp-image-2233" src="https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216.jpg" alt="" width="1008" height="547" srcset="https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216.jpg 1008w, https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216-300x163.jpg 300w, https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216-768x417.jpg 768w, https://oneokrock.crosswithyou.net/oor/wp-content/uploads/2019/02/collection20190216-624x339.jpg 624w" sizes="(max-width: 1008px) 100vw, 1008px" /></noscript></p>

    No images on my site load properly when the plugin is activated except for the background image. Site is at oneokrock.crosswithyou.net

    Here is my server my site config-

    			
    == Server Environment ==
    	Operating System: Linux
    	Software: LiteSpeed
    	MySQL version: MariaDB Server v10.3.17
    	PHP Version: 7.3.9
    	PHP Max Input Vars: 1000
    	PHP Max Post Size: 2000M
    	GD Installed: Yes
    	ZIP Installed: Yes
    	Write Permissions: All right
    	Elementor Library: Connected
    
    == WordPress Environment ==
    	Version: 5.2.3
    	Site URL: https://wpfy.org
    	Home URL: https://wpfy.org
    	WP Multisite: No
    	Max Upload Size: 2 GB
    	Memory limit: 2048M
    	Permalink Structure: /%postname%/
    	Language: en-US
    	Timezone: 5.5
    	Debug Mode: Inactive
    
    == Theme ==
    	Name: WordPress For You
    	Version: 0.11
    	Author: Arnab Mohapatra
    	Child Theme: Yes
    	Parent Theme Name: GeneratePress
    	Parent Theme Version: 2.3.2
    	Parent Theme Author: Tom Usborne
    
    == User ==
    	Role: administrator
    	WP Profile lang: en_US
    	User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36
    
    == Active Plugins ==
    	Antispam Bee
    		Version: 2.9.1
    		Author: pluginkollektiv
    
    	Easy Affiliate Links
    		Version: 3.0.0
    		Author: Bootstrapped Ventures
    
    	Easy Social Share Buttons for WordPress
    		Version: 6.2.1
    		Author: CreoApps
    
    	Elementor
    		Version: 2.7.1
    		Author: Elementor.com
    
    	Elementor Pro
    		Version: 2.6.5
    		Author: Elementor.com
    
    	Envato Elements
    		Version: 1.1.2
    		Author: Envato
    
    	Flying Pages
    		Version: 2.0.7
    		Author: Gijo Varghese
    
    	GP Premium
    		Version: 1.8.3
    		Author: Tom Usborne
    
    	LiteSpeed Cache
    		Version: 2.9.8.5
    		Author: LiteSpeed Technologies
    
    	LuckyWP Table of Contents
    		Version: 1.9.4
    		Author: LuckyWP
    
    	Minimal Analytics
    		Version: 1.1.0
    		Author: Javier Casares
    
    	Native Lazyload
    		Version: 1.0.1
    		Author: Google
    
    	OMGF
    		Version: 1.9.3
    		Author: Daan van den Bergh
    
    	Plugins Garbage Collector
    		Version: 0.10.4
    		Author: Vladimir Garagulya
    
    	Rank Math SEO
    		Version: 1.0.32.1
    		Author: Rank Math
    
    	ShortPixel Image Optimizer
    		Version: 4.14.5
    		Author: ShortPixel
    
    	Sunny
    		Version: 2.5.0
    		Author: Typist Tech
    
    	SVG Support
    		Version: 2.3.15
    		Author: Benbodhi
    
    	Temporary Login Without Password
    		Version: 1.5.20
    		Author: StoreApps
    
    	Thrive Comments
    		Version: 1.3.1
    		Author: <a href="https://thrivethemes.com">Thrive Themes</a>
    
    	Thrive Leads
    		Version: 2.2.3
    		Author: <a href="https://thrivethemes.com">Thrive Themes</a>
    
    	WP CloudFlare Guard
    		Version: 0.2.0
    		Author: Typist Tech
    
    	WP File Manager
    		Version: 5.3
    		Author: mndpsingh287
    
    	WP Mail SMTP
    		Version: 1.6.2
    		Author: WPForms
    
    	WP Portfolio
    		Version: 1.8.0
    		Author: Brainstorm Force
    
    	WPvivid Backup Plugin
    		Version: 0.9.24
    		Author: WPvivid Team
    
    == Must-Use Plugins ==
    	Elementor Safe Mode
    		Version: 1.0.0
    		Author: Elementor.com
    
    	rocket-disable-cdn-attachment.php
    		Version: 
    		Author: 
    

    Lazy loading in LS Cache is turned off and only webp replacement is on.

    Here is html mark up of my images-

    <div class="featured-image  page-header-image-single ">
    <img src="https://wpfy.b-cdn.net/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-805x402 size-805x402 native-lazyload-js-fallback" alt="How To Add Author Box In GeneratePress" itemprop="image" loading="lazy" data-src="https://wpfy.b-cdn.net/wp-content/uploads/2019/09/How-To-Add-Author-Box-In-GeneratePress-805x402.jpg" data-srcset="https://wpfy.b-cdn.net/wp-content/uploads/2019/09/How-To-Add-Author-Box-In-GeneratePress-805x402.jpg 805w, https://wpfy.b-cdn.net/wp-content/uploads/2019/09/How-To-Add-Author-Box-In-GeneratePress-300x150.jpg 300w, https://wpfy.b-cdn.net/wp-content/uploads/2019/09/How-To-Add-Author-Box-In-GeneratePress-768x384.jpg 768w, https://wpfy.b-cdn.net/wp-content/uploads/2019/09/How-To-Add-Author-Box-In-GeneratePress-510x255.jpg 510w, https://wpfy.b-cdn.net/wp-content/uploads/2019/09/How-To-Add-Author-Box-In-GeneratePress.jpg 1000w" data-sizes="(max-width: 805px) 100vw, 805px" width="805" height="402"></div> 

    Same problem here also.
    Works good only in Chrome.
    Blank images in Firefox.

    Mew

    (@gokumew2)

    It’s been a couple weeks… Any update on this, guys? Thanks.

    Bozz

    (@bozzmedia)

    Noticing this issue too, though mostly with images related to comments. Most of the page content will look solid in Firefox, as you scroll further down the screen there’s a pop, then the avatar and upvote buttons disappear, then I can’t seem to scroll and eventually ends with a white screen. Nothing of interest in error logs or console.

    Looking forward to a potential resolution. Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.