archive photos doesn’t load completely

Hi, @nouradawy.

Please access Settings > Help > Support > status. Click on that, copy and send me the data.

Featured Image from URL | FIFU:3.4.4;
WordPress:5.5.3;
Site:https://gamerhype.net;
Theme:BuddyBoss Theme (WooCommerce);
PHP:7.4.11;
WooCommerce:4.7.1;
Pages:26;
Posts:1;
Products:12;
Images without dimensions:27;
URLs with metadata:27;
URLs:27;
php-curl:yes;
Plugins:
– A-Z Listing (a-z-listing)
– Advanced Custom Fields (acf)
– Advanced Custom Fields: Image Select (ACF-Image-Select-master)
– Ajax Search Pro (ajax-search-pro)
– All-in-One WP Migration (all-in-one-wp-migration)
– All-in-One WP Migration File Extension (all-in-one-wp-migration-file-extension)
– Anti-Spam by CleanTalk (cleantalk-spam-protect)
– Arengu Auth (arengu-auth)
– Arengu Forms (arengu-forms)
– Booster Plus for WooCommerce (woocommerce-jetpack)
– BP Better Messages (bp-better-messages)
– BP Messages Tool (bpmt)
– BuddyBoss Platform (buddyboss)
– BuddyBoss Platform Pro (buddyboss-pro)
– BuddyPress Moderation Tools (buddypress-moderation-tools)
– BuddyPress Profanity Filter (buddypress-profanity-filter)
– CartFlows (cartflows)
– CartFlows Pro (cartflows-pro)
– CM Tooltip Glossary (cm-tooltip-glossary)
– CSS Hero (css-hero)
– Dokan (dokan-lite)
– Dokan Pro (dokan-pro)
– DynamicConditions (dynamicconditions)
– Easy Digital Downloads (easy-digital-downloads)
– Elementor (elementor)
– Elementor Pro (elementor-pro)
– Element Pack Lite – Addon for Elementor (bdthemes-element-pack-lite)
– Essential Addons for Elementor (essential-addons-for-elementor-lite)
– Facebook for WooCommerce (facebook-for-woocommerce)
– Featured Image from URL | FIFU (featured-image-from-url)
– Formidable Forms (formidable)
– Formidable Forms Pro (formidable-pro)
– Happy Elementor Addons (happy-elementor-addons)
– Happy Elementor Addons Pro (happy-addons-pro)
– Hide Dashboard Notifications (wp-hide-backed-notices)
– JetElements For Elementor (jet-elements)
– JetEngine (jet-engine)
– JetSmartFilters (jet-smart-filters)
– JetWooBuilder For Elementor (jet-woo-builder)
– Multiple Themes (jonradio-multiple-themes)
– Nextend Social Login (nextend-facebook-connect)
– Nextend Social Login Pro Addon (nextend-social-login-pro)
– Official Facebook Pixel (official-facebook-pixel)
– Payment Gateway Payoneer For WooCommerce (wc-payoneer-payment-gateway)
– Paymentwall for WooCommerce (paymentwall-for-woocommerce)
– Piotnet Addons For Elementor Pro (pafe)
– Really Simple SSL (really-simple-ssl)
– TranslatePress – Multilingual (translatepress-multilingual)
– Trustpilot-reviews (Trustpilot-reviews)
– Widgets for Social Reviews & Recommendations (trustindex)
– Widgets for Trustpilot Reviews (trustindex)
– WooCommerce (woocommerce)
– WooCommerce PaySky – PayForm Gateway (paysky)
– WP Magic Link Login (wp-magic-link-login)
– WP Mail SMTP (wp-mail-smtp)
– WP Rocket (rocket)
– WP User Frontend (wp-user-frontend)
– WP User Frontend Pro – professional (wp-user-frontend-pro);
Active plugins:
– ACF-Image-Select-master
– a-z-listing
– advanced-custom-fields
– ajax-search-pro
– all-in-one-wp-migration-file-extension
– all-in-one-wp-migration
– arengu-forms
– arengu-forms
– booster-plus-for-woocommerce
– bp-better-messages
– bp-messages-tool
– buddyboss-platform-pro
– buddyboss-platform
– buddypress-moderation-tools
– buddypress-profanity-filter
– css-hero
– dokan-lite
– dokan-pro
– dynamicconditions
– elementor-pro
– elementor
– enhanced-tooltipglossary
– essential-addons-for-elementor-lite
– facebook-for-woocommerce
– featured-image-from-url
– formidable-pro
– formidable
– free-facebook-reviews-and-recommendations-widgets
– happy-elementor-addons-pro
– happy-elementor-addons
– jet-engine
– jet-woo-builder
– jonradio-multiple-themes
– nextend-facebook-connect
– nextend-social-login-pro
– official-facebook-pixel
– paysky
– really-simple-ssl
– review-widgets-for-trustpilot
– translatepress-multilingual
– trustpilot-reviews
– wc-payoneer-payment-gateway
– woocommerce
– wp-hide-backed-notices
– wp-mail-smtp
– wp-rocket
– wp-user-frontend-pro
– wp-user-frontend
– buddypress;
fifu_auto_alt:toggleon;
fifu_column_height:64;
fifu_confirm_delete_all:toggleoff;
fifu_confirm_delete_all_time:;
fifu_content:toggleoff;
fifu_content_page:toggleoff;
fifu_data_clean:toggleoff;
fifu_decode:toggleoff;
fifu_default_url:;
fifu_dynamic_alt:toggleoff;
fifu_enable_default_url:toggleoff;
fifu_fake:toggleoff;
fifu_get_first:toggleon;
fifu_grid_category:toggleoff;
fifu_hide_cpt:toggleoff;
fifu_hide_page:toggleoff;
fifu_hide_post:toggleoff;
fifu_lazy:toggleoff;
fifu_ovw_first:toggleon;
fifu_pop_first:toggleoff;
fifu_query_strings:toggleoff;
fifu_reset:toggleoff;
fifu_run_delete_all:toggleoff;
fifu_run_delete_all_time:;
fifu_social:toggleoff;
fifu_social_image_only:toggleoff;
fifu_spinner_db:100;
fifu_spinner_nth:1;
fifu_wc_lbox:toggleoff;
fifu_wc_zoom:toggleon;
Image:
| https://i.imgur.com/p4AwbQ1.jpg
|__ https://gamerhype.net/shop/master-pics/
| https://i.imgur.com/p4AwbQ1.jpg
|__ https://gamerhype.net/shop/best-practice/
| https://flic.kr/p/2kcHCDF
|__ https://gamerhype.net/shop/for-honor2/;
Video:;
Slider:;
Shortcode:;
REST routes:
– https://gamerhype.net/wp-json/:PHP;
– https://gamerhype.net/wp-json/:JS

Thanks.

The first thing you should do is to enable FIFU Settings > Metadata > Image Metadata.

Let me know if something changes.

If nothing changes, let me know if you are using some plugin for Lazy Load or if your theme has Lazy Load options.

I already cleaned and made the image metadata checked, lazyload off on both theme and plugin tried to turn them on nothing changed.

if I zoomed out the page and went into the page the 10 products display. so there is something with lazyload I don’t know where the problem is . lazyload is turned off every where

Hi, @nouradawy.

I’ve accessed your site. I inspect the HTML and I could see all the IMG tags have an image URL. So FIFU is doing its jobs, that is provide the image URL to the theme/plugin that built the IMG tag.

Example:
<img fifu-featured="1" width="1920" src="https://thumbor.forbes.com/thumbor/fit-in/1200x0/filters%3Aformat%28jpg%29/https%3A%2F%2Fblogs-images.forbes.com%2Ferikkain%2Ffiles%2F2015%2F09%2Frainbow.jpg" class="attachment-full size-full" alt="Rainbow six siege" title="Rainbow six siege" loading="lazy" data-no-lazy="1" data-pagespeed-url-hash="3632239055" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">

As you can see the IMG tag is completed, but the image can’t be shown because of a fail in the lazy load. This lazy load attributes are NOT being added by FIFU, but by another component you have installed there. Maybe your theme or a different plugin.

By the way in the browser console it’s possible to see some JS errors on your site. So maybe this is causing the issue.

Anyway to put you in the correct way, the first thing I recommend you is to temporarily activate a different theme. Twenty Twenty is okay. Then clean your cache and check if the images are shown. If they are shown the problem is related to “BuddyBoss Theme”.

But if the problem is not the theme, then you should deactivate all the plugins (except FIFU and WooCommerce) and clean your cache. I believe the images will be shown. Then activate one plugin each time, checking when the problem happens. This way you will have a culprit. Please let me know.

hello @marceljm

thanks for taking the time to investigate this, I have tried activating another theme
but the issue didn’t resolve so I will do as you said deactivating one by one and see but I remember that I installed the plug-in before anything and had this issue there. anyway I will try again and do as you said and sure inform you with the results

I did deactivate all plugins and while testing out still the same issue after clearing the cash and everything the issue still the same. but while looking over firefox browser the images load without any issue.

and about the js errors that you saw because i manify js files using wp-rocket.

but while looking over firefox browser the images load without any issue.

So that’s it! You got it. Now activate one plugin each time, checking when the problem happens again (on Firefox).

If the site still doesn’t work on Chrome, you probably need to clean the Chrome cache.

I think I fixed it. I installed a plugin called lazy loader deactivator which deactivates lazy loader implemented with WordPress it self I am keep testing to know that the issue resolved completely or not

yeah Disable Lazy Load by jeff starr . this plugin solved the problem for me WordPress implemented lazy load that is why it was falling to load the images on me

Thanks for letting me know, @nouradawy.

I couldn’t reproduce your issue here, but if another user report the same in the future I will recommend Disable Lazy Load.

@marceljm thanks for your help

you could implement disabling lazy load with your plug-in in your next patch update as this feature added to WordPress 5.5, I don’t think it was only me but you could add it as an option

anyway have a good day ?? and appreciate your help

• This reply was modified 3 years, 11 months ago by nouradawy.

Thanks for the suggestion, @nouradawy.

For now I couldn’t see any problem on my development environment related to the WordPress native lazy load and no one else reported that as well. So I prefer to wait before making code changes.

By the way, WordPress 5.6 is coming this week. Maybe there is a bug for you =)

i have same issue on 2 websites with different themes. Wp stops display featured images

Hi, @forauth.

So you can use EXACTLY the same solution. If that doesn’t work, please open another ticket.