Blank images in Firefox and Edge

  • 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?

    • This reply was modified 5 years, 2 months ago by Felix Arntz.
    Thread Starter 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.

    Thread Starter Mew

    (@gokumew2)

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

    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)
  • The topic ‘Blank images in Firefox and Edge’ is closed to new replies.