Images not loading (black slider or white thumbnails)

Posted in: Newspaper
Post count: 9

Hi,

yesterday I bought this new fantastic theme (Newspaper 9) and I’m still configuring it right now.
One problem I have is the one written in the title: when I visit my site (www.ranierisdesk.com) images will not load correctly. Sometimes the thumbnails are missing but not the ones in the slider, sometime the opposite.

In the old theme I used Smush. I disable it and unistalled. Cleared the cache from cloudflare (I don’t use anyalse plugin to generate the cache) and I installed and used the plugin “Regenerate Thumbnails”. Nothing changed.

Maybe is some plugin I have installed that is uncompatible?

Here are the installed and activeted plugins:
– Amazon Associates Link Builder
– Calculated Fields Form
– Classic Editor
– Contact Form 7
– Contact Form 7 MailChimp Extension
– Cookie Notice
– CP Blocks
– Download Monitor
– Email Before Download
– GTranslate
– Jetpack by WordPress.com
– MailChimp per WordPress
– Open external links in a new window
– Regenerate Thumbnails
– Remove Category URL
– Revolution Slider
– tagDiv Composer
– tagDiv Social Counter
– UpdraftPlus – Backup/Restore
– WP Cerber Security, Antispam & Malware Scan
– Yoast SEO

Thanks for the support.

Ranieri

Post count: 20688

Hi,

The revolution slider images are no showing indeed, the others are fine. From what I can see the images that are supposed to be displayed in the slider as background are encoded
https://www.screencast.com/t/TytYu9kp7
As opposed to the demo slider for instance – https://www.screencast.com/t/QyzCM2yHn8fY
That could be why the issue happens.
Maybe you use some image optimization service or delivery, which serve the images encoded.

Thanks

Post count: 9

Hi,
thanks for the support.

I finded out that in the theme panel there was the option “lazy load” on. that prevent the thumbnails from load. As you saw, now the only problem is the slider that sometimes remains black (not all the time).

What should I do? It may be only CloudFlare I suppose. I have the basic plan so service like “mirage” and “polish” are not enabled on my CDN (they could be the problem).
Is this maybe the problem that cause slow loading time? (up to 4.5 seconds)

thanks

  • This reply was modified 7 years by Ranieri94.
Post count: 20688

The theme does have a lazyload for the images, this should work as intended. It is quite sensitive however and may fail in case of conflicts with plugins for example. I see you also use the Jetpack lazy load.

Now the slider images are not base64 format, they appear properly in the slider
https://www.screencast.com/t/qyN1pl5BM
Maybe Cloudflare is serving images like that, and it seems to cause problems with the slider. I don’t remember seeing something similar before. Can’t say what exactly you should do.

Post count: 9

I deactivated LazyLoad from Jetpack and re-activated the theme’s one; there was no problem and everything worked fine with that.

I find out that Jetpack also has the option to “optimize images” that is use their CDN to resize the images and serve them compressed.

My homepage without jetpack CDN loads in about 3-4 seconds and weights more than 10 Mb. It use only Cloudflare. With Jatpack CDN on it takes the same amount of time but weight only 2,5 mb.

It was maybe jatpack the problem serving the cripted images? I have now deactivated it because in other forum is suggested to use Cloudflare instead.

My question is: is it possible to optimize imgs without using photoshop and jatpack CDN? It seems that smush and the theme itself, despite the thumbnails auto-generating system, cannot do the job. Even the “regenerate thumbnails” plugin fails at that: the page weights 10 mb even after cleared the cache.

Thansk for the support.

Post count: 20688

The big page size would be because of the slider mainly, the images it displays are the full original sizes by default. The theme modules display thumbnails only.

For example one of the images in the slider is of this size
https://www.screencast.com/t/vMWgQlFW
While a module thumbnail – https://www.screencast.com/t/u2CV3tjYu

You could make the slider use a thumbnail too, in the slider settings
https://www.screencast.com/t/pZdWjVDinGq8
This should reduce the page size significantly.

The slider is a very complex plugin with an enormous amount of settings
https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.