Felix Arntz
Forum Replies Created
-
Forum: Plugins
In reply to: [Native Lazyload] Images DisappearRegarding Autoptimize, do you have the following option enabled?
Force JavaScript in <head>?
If so, that is what’s most likely causing the images to not appear. I opened https://github.com/GoogleChromeLabs/wp-native-lazyload/issues/6 to improve compatibility there.
Forum: Reviews
In reply to: [Native Lazyload] Breaks images… in ChromeNo other lazy loaders, but i do have Autoptimize in use.
Potentially Autoptimize messes up the script included by the Native Lazyload plugin. Do you find ‘loading’ in HTMLImageElement.prototype anywhere in your page’s HTML output? Can you share some more of the surrounding markup?
Forum: Plugins
In reply to: [Native Lazyload] Images DisappearLike many others, I can’t really leave the site live in the current state of images that are gone. However, the same experience as others is happening here as well:
Which browser did you encounter this on? It appears to work when I access the site in Chrome.
Solution _(as of this moment)_ :
Jetpack Lazyload = OFF
AMP toggled = “Traditional”Potentially there is an incompatibility with Jetpack’s lazy-loading, would be interested to figure out what it is. But with this plugin, you wouldn’t need their lazy-loading anyway.
I’m not sure how AMP is related, as this plugin doesn’t affect AMP content at all.Images on the home page of my site are pulled from featured images of the latest posts. These images disappear / do not show when LazyLoad is activated. They show again as soon as the plugin is deactivated. Theme is Typology; plugins include Autoptimize.
Which browser do you encounter this in? Do you have JavaScript enabled/disabled? Can you share some HTML markup of these images please?
Forum: Plugins
In reply to: [Native Lazyload] Images not visible in Chrome 76The theme (Davis, by Andres Norén) sets the class name but never removes it.
You may wanna report this as a bug.
I’ve tested the page with Twenty Nineteen and JavaScript turned off, and all images (from the NOSCRIPT tags) are loaded immediately (even if they’re several thousand pixels down the page).
This may not be an error actually. Since the native loading implementation wants to ensure it improves performance while not harming UX in any way, the threshold is initially very conservative, to reduce the chance of an image not being loaded when it becomes user-visible (see https://web.dev/native-lazy-loading#load-in-distance-threshold). Do the image tags in the noscript tags have loading attributes as expected?
Forum: Plugins
In reply to: [Native Lazyload] Native Lazyload and AMPThe plugin only affects non-AMP pages, since AMP already has lazy-loading built-in anyway.
The plugin doesn’t conflict with AMP, so if you have it active on a site with for example transitional (“paired”) AMP, you shouldn’t have any issues. If you have Native AMP though, there’s actually no need for this plugin at all currently.
Forum: Plugins
In reply to: [Native Lazyload] Images not visible in Chrome 76That likely indicates something in your theme is broken. The only reason a
no-jsclass exists is to replace it withjsas soon as it’s clear that JavaScript is enabled. The theme should include something like https://github.com/WordPress/twentyseventeen/blob/master/functions.php#L240I opened an issue https://github.com/GoogleChromeLabs/wp-native-lazyload/issues/4 to cater for scenarios like yours, but just so you’re aware I believe this is unexpected.
- This reply was modified 5 years, 6 months ago by Felix Arntz.
Forum: Reviews
In reply to: [Native Lazyload] No changes!Thanks for the review. I’m not sure what’s happening, can you share some more context? Might there be another plugin on your site affecting this? Which browser were you using when testing?
If you can share the HTML markup of a page with this plugin active, that might help too.
Forum: Reviews
In reply to: [Native Lazyload] Breaks images… in ChromeThanks for the review. I’d like to figure out your issue and fix it. Can you share some more context?
Can share the HTML markup of the page, with the plugin active? Also, when the plugin is active and you open the browser console (right-click anywhere in the page > “Inspect” > “Console”), do you see any errors? Do you have any other lazy-loading solutions running?
- This reply was modified 5 years, 6 months ago by Felix Arntz.
Forum: Plugins
In reply to: [Native Lazyload] Images not visible in Chrome 76@markhowellsmead Looking at the source code, I’m curious whether the
no-jsclass on thehtmlelement is replaced withjsat all (I don’t see any JavaScript code doing that in the source code). Can you verify that that is happening?Hey there, thanks for the report.
Unfortunately, supporting completely custom content creation mechanisms that don’t leverage WordPress core’s functions is out of scope for this plugin, unless it’s trivial to implement.
Do you happen to know if that page builder fires a hook to filter its output? What is that filter’s name? If so, it could potentially be supported.
Forum: Plugins
In reply to: [Native Lazyload] Breaks Soliloquy slidersThanks for the report!
Do you happen to know if Soliloquy adds a specific CSS class to all the images inside a slider? If so, I could blacklist that class so the images wouldn’t be transformed by the Native Lazyload plugin.
Related: https://www.ads-software.com/support/topic/also-an-issue-with-recent-posts-flexslider-by-woothemes/
Forum: Plugins
In reply to: [Native Lazyload] lazy load feature in JetpackHey there, Jetpack’s lazy loading mechanism is an alternative to this plugin (without the native part), so you don’t need both.
This plugin does not check for Jetpack’s setting, so you can deactivate that toggle.
Forum: Plugins
In reply to: [Native Lazyload] Also an issue with Recent Posts FlexSlider by WooThemesFor sliders, I recommend skipping the images from being lazy-loaded, by adding a CSS class
skip-lazyto them. Do you happen to know if FlexSlider adds a specific class to its images itself? If so, I could at that class to the blacklist, so that these images wouldn’t be lazy-loaded by the plugin.Native lazy-loading via the
loadingattribute at the moment only lazy-loads images that are actually outside of the viewport anyway, so not those in e.g. a slider.Forum: Plugins
In reply to: [Native Lazyload] Doesn’t lazyload the RSS Widget imageUnfortunately there is no way to filter the output of that widget, so that image cannot be lazy-loaded. This is a restriction of WordPress that this plugin cannot work around without hacking around it, which would have negative performance implications.
However, there are definitely a few more places where the plugin could lazy-load images, for example in a text widget. I opened an issue https://github.com/GoogleChromeLabs/wp-native-lazyload/issues/2 to implement this.
Forum: Plugins
In reply to: [Native Lazyload] Do I need this with WP Rocket?WP Rocket itself does not include lazy-loading I believe, so in that case it would definitely be a good addition. I can’t speak about potential conflicts, but if anything arises, don’t hesitate reporting it here!