jlspeers

Might the problem be JS minification?

I had the recaptcha plugin working on my site and then it stopped working. The recaptcha widget stopped appearing in the registration form. My site is hosted at Site Ground, and I have their plugins for WP installed, including the SG Optimizer. That plugin was recently updated, so I started troubleshooting. If I deactivated the SG Optimizer plugin, the recaptcha plugin started working again. I traced the problem to JS minification. The fix is to exclude the recaptcha plugin from JS minification. The settings for the SG Optimizer make that easy. Just look for the JAVASCRIPT tab of the Frontend page of the settings.

The problem seems to be that there is some sort of loop or other behavior during loading of the editor that is generating so many entry processes (more than 5) that my server is denying them (error 508), so loading the editor stops part way through. This is the only problem I am having with the install.

My attempt to underline part of the first quote failed spectacularly. Here is the full line in one piece:

<img decoding="async" class="blog-image lazyloaded" alt="Don’t Treat Your Business Like an ATM" title="Don’t Treat Your Business Like an ATM" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_400,h_350/https://www.easllc.co/wp-content/uploads/bfi_thumb/dummy-transparent-pokq8t2j5c7dxoej32lh9r1k1vnzy615iml3u5oyi4.png" data-src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_400,h_350/https://www.easllc.co/wp-content/uploads/bfi_thumb/dummy-transparent-pokq8t2j5c7dxoej32lh9r1k1vnzy615iml3u5oyi4.png" data-mk-image-src-set="{&quot;default&quot;:&quot;https://www.easllc.co/wp-content/uploads/bfi_thumb/istock-1319588415-px76q42tcrjqkfs0di2skanl37fowerkmlbb38fp9o.jpg&quot;,&quot;2x&quot;:&quot;https://www.easllc.co/wp-content/uploads/bfi_thumb/istock-1319588415-px76q42y86p6s5qsv478r2411n23whmuv0x2od33vc.jpg&quot;,&quot;mobile&quot;:&quot;&quot;,&quot;responsive&quot;:&quot;true&quot;}" itemprop="image" width="400" height="350">

Hi, Mike.
One of the suggestions in the read-this-first-wordpress-6-1 posts (link provided above) was to use the diagnostic tools in your browser to identify the exact nature of the problem. I did this on your site. The important error is:

Content Security Policy: The page’s settings blocked the loading of a resource at inline (“default-src”).

This error occurred numerous times when I loaded the Articles page, which had numerous images that did not load.

The Content Security Policy (CSP) controls from where the page can load resources, in this case images. The error message does not say what the “default-src” is set to, but I am guessing ‘self’. The first image loads because it is coming directly from your server. The ones that don’t appear are being passed through some sort of third party site: sp-ao.shortpixel.ai

Here is the full line of PHP code for the first image that does not load:

<img decoding="async" class="blog-image lazyloaded" alt="Don’t Treat Your Business Like an ATM" title="Don’t Treat Your Business Like an ATM"

src="https://sp-ao.shortpixel.ai

/client/to_webp,q_glossy,ret_img,w_400,h_350/

https://www.easllc.co

/wp-content/uploads/bfi_thumb/dummy-transparent-pokq8t2j5c7dxoej32lh9r1k1vnzy615iml3u5oyi4.png" data-src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_400,h_350/https://www.easllc.co/wp-content/uploads/bfi_thumb/dummy-transparent-pokq8t2j5c7dxoej32lh9r1k1vnzy615iml3u5oyi4.png" data-mk-image-src-set="{"default":"https://www.easllc.co/wp-content/uploads/bfi_thumb/istock-1319588415-px76q42tcrjqkfs0di2skanl37fowerkmlbb38fp9o.jpg","2x":"https://www.easllc.co/wp-content/uploads/bfi_thumb/istock-1319588415-px76q42y86p6s5qsv478r2411n23whmuv0x2od33vc.jpg","mobile":"","responsive":"true"}" itemprop="image" width="400" height="350">

Apparently the CSP was not in effect until you installed WP6.1. What exactly was changed and how to change it back I cannot tell you, but that seems to be the problem.

The code for the image that did load also uses the third-party site but calls it in a different way. Perhaps comparing the two would give you a way to change your code to work around the issue. Here is the code that works:

<img decoding="async" class="blog-image lazyloaded" alt="For Transport & Logistics Providers – An Overview" title="For Transport & Logistics Providers – An Overview" src="https://www.easllc.co/wp-content/uploads/bfi_thumb/istock-1069360792-pusl1gk8gk14jls1llac9toilbm395166qi5vqu9ik.jpg" data-src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_400,h_350/https://www.easllc.co/wp-content/uploads/bfi_thumb/dummy-transparent-pokq8t2j5c7dxoej32lh9r1k1vnzy615iml3u5oyi4.png" data-mk-image-src-set="{&quot;default&quot;:&quot;https://www.easllc.co/wp-content/uploads/bfi_thumb/istock-1069360792-pusl1gk8gk14jls1llac9toilbm395166qi5vqu9ik.jpg&quot;,&quot;2x&quot;:&quot;https://www.easllc.co/wp-content/uploads/bfi_thumb/istock-1069360792-pusl1gkdbz6krbqu37esgl4yjr8i97wgf63xgvho48.jpg&quot;,&quot;mobile&quot;:&quot;&quot;,&quot;responsive&quot;:&quot;true&quot;}" itemprop="image" width="400" height="350">

Good luck,
John

Mike,
Do you have Hotlink Protection enabled through CPanel? This would apply to a shared-hosting environment. If so, disable it, at least for now. That was the source of much of my problem. If not, .htaccess settings are probably not what’s giving you grief. The fact that you can see most of the images in mobile view strongly suggests that .htaccess settings are not the problem.

It is more likely a caching problem, maybe caused by a plugin. Have you tried deactivating all plugins. If that improves things, try reactivating the plugins one at a time until the problem reappears. That will isolate which plugin is the problem.

Other than that you can search the forum for something like “images not showing 6.1”.

If nothing seems to fit your situation, create your own post.

I think it’s going to take some time for things to shake out with 6.1.
Good luck!!!
John

• This reply was modified 2 years ago by jlspeers.

Hi, Mike.
I don’t know if I can help you as I am quite new to WP, but let’s see.

Does the problem involve images that are part of your themes or only images in the media library? My problem affected ALL images and involved settings in .htaccess files. If some of your images are appearing, you likely have a different problem.

Here is a good place to start: read-this-first-wordpress-6-1

Hope that gets you going in the right direction.

John

Problem half fixed. Theme images now display.

It seems to have been a problem caused by Hotlink protection. Not entirely clear as to what the problem was, but revisited it in all the .htaccess files on my hosting account, and the theme is working.

The editor still doesn’t work right, but I’ll post that as a separate problem.

Thanks for your help.

Tonya,
Thank you for your very quick response.
I have read the article you suggested and tried both options. Behavior remains the same either way.

If I take the url of the missing picture from the page source (https://anhof.net/wp/wp-content/themes/twentytwentytwo/assets/images/flight-path-on-transparent-d.png) and try to display it directly (not through WordPress), I get the 404 error from within WordPress. This means the URL is being interpreted as a request to WordPress (index.php) instead of as the path to a resource. WordPress is getting its own 404 error every time it requests an image, so it is unable to display images. This suggests an error in a .htaccess file somewhere or some other configuration problem, but I am banging my head against the wall trying to find it.

Further suggestions?