Site shows blank page after image optimization

Hello @wellshot,

I’m sorry to hear about this and what you are describing is quite weird. Can you please tell me the following:

• what is the NGINX tutorial you have used?
• have you enabled any WebP/AVIF delivery method from our plugin? If yes, which one was it?
• after spotting the issue, have you reverted back any NGINX settings you have put in place? That might be a cause of the issue persisting after restoring the images.
• what do you mean when you say “site is showing preloader only”? Can you please attach here a screenshot with the way the site looks?

Thank you!

Hi,

Here are the answers to your questions below:

I used this tutorial: https://shortpixel.com/knowledge-base/article/111-configure-nginx-to-transparently-serve-webp-files-when-supported

I used WEBP and AVIF both delivery method.

After spotting the issue, I tried to deactivate the plugin and check. But no help. I had to reinstall the wordpress. So far, I have not installed SPIO plugin yet again.

The theme includes a preloader function (a rotating icon before the page loads up). That preloader I mentioned.

Hi wellshot,

Can you please tell us which of these options you chose to deliver WebP and AVIF files? https://i.imgur.com/6ZzkskC.png

Also, after you discovered the problem, did you revert back any NGINX settings you put in place? We understand you deactivated our plugin, but the instructions also include some steps you need to take on the server, and these are the NGINX settings we are referring to.

Thank you,

Hi @sixaxis

As .htaccess doesn’t work on Nginx, I used the <PICTURE> tag syntax.

No, I didn’t revert back any Nginx settings after deactivating the plugin. I took a backup of original nginx.conf before making any modification. When the site showed blank page, I deactivated the plugin and put back the original nginx.conf file from backup. Even that didn’t resolve the issue. I gussed the optimized images were causing the trouble (weird though).

I was using the SPIO plugin happily with my old server setup. My old server was (4 CPU + 8 GB RAM) running on CentOS 7 + PHP 7.4 + Openlitespeed + MariaDB + Cyberpanel. It used to work fine without any trouble. I bought some image credits also.

But now I’m using Alma Linux + Nginx + PHP 8.3 + MariaDB + Directadmin. And now I’m pretty much scared to use the plugin.

Hi wellshot,

The thing is that our plugin only replaces your old uncompressed image files with compressed ones. It’s a simple file swap, so it does not affect your website configuration or your HTML output.

The only time the plugin changes the HTML output is when using the <PICTURE> tag syntax delivery method. However, if you follow this guide, you must disable ShortPixel’s WebP delivery method as NGINX is responsible for delivery.

Please try again, but this time do not enable WebP delivery on ShortPixel. If you still have the same problem, it must have something to do with the NGINX configuration and we recommend that you seek professional help from an NGINX expert.

If you cannot use the NGINX method,?you should try an alternative solution for WebP or AVIF image delivery:

• Use one of the WebP/AVIF delivery options built into SPIO: WebP instructions / AVIF instructions.
• Replace ShortPixel Image Optimizer with ShortPixel Adaptive Images.
• Use another plugin to deliver the WebP/AVIF files created by ShortPixel, such as Cache Enabler or WP Rocket.
• If you use LiteSpeed Cache, you can?use it to deliver the WebP files generated by ShortPixel.

I hope this helps you, and if you have any questions, let me know.