Unfortunately I had set the Standard WordPress Image Sizes (Thumbnail, Small, Medium, Medium_Large and Large) to 0 when setting up my Blog with Newspaper Theme because I thought I wouldn’t need them. I think this caused the problem that my images that I have inserted in Gutenberg (by a cloud template) are shifting around and have no placeholder when loaded in the browser.
I found out that the images in loop-single.php (https://imgur.com/a/yjzKRBy) use medium-large. But I can set no size under settings –> media for medium-large, so I have chosen medium (https://imgur.com/a/HPLKxPh) and set medium-large in loop-single.php to medium. For the images in Gutenberg I resized the thumbnails to medium and changed the image size from full to medium (https://imgur.com/a/yxQe3r1).
But the problem is still here, there are no placeholders when testing it in Chrome Dev Tools (https://imgur.com/a/np17XgR) and so the CLS is not getting better. Depending on the count of images used the CLS is higher or lower but always red. There is also no change, when I change ‘medium-large’ to ‘full’ in loop-single.php
So what should I do? It’s a real mess.
Greetings Kathrin
Hello !
Firstly I would start fixing this broken files as you can see here: https://www.screencast.com/t/6NxfhkSwkbU I have tested this on my site and the CLS is fine but having images or files that fail to load that is something that can and will cause you problems.
Thank you !
Dear Vlad, I don’t know these files. I would try to test Ezoic but since that I have problems that didn’t had before and also lot’s of files that I don’t know.
Greetings Kathrin
Hi,
looks that you manage to solve the problems indicate by Vlad, also I saw that on mobile the favicon can is not loading -> https://i.imgur.com/XGJkLCK.png make sure that this is set and you can try to set it as in this guide https://www.wpbeginner.com/wp-tutorials/how-to-add-a-favicon-to-your-wordpress-blog/
Thank you!
I have removed Ezoic completely from my site, but the problem persists…The favicon should loading now.
Greetings Kathrin
Hello !
I have inspected your website a bit more. The favicons are loading. There are CLS issue but as you can see here: https://www.screencast.com/t/W4anmBJ1 ; https://www.screencast.com/t/jHDK6wavUM6Y This issues I don’t see them to be Newspaper Theme related. Also my suggestion is to take a look on the GTMetrix Waterfall to see what are the elements that could make your website faster: https://www.screencast.com/t/ETnWCqCraDX
Thank you !
Dear Vlad, the problem with the wrong image-sizes is a Gutenberg Bug. I solved it yesterday. If I use a classic block for uploading, the picture has the right size in the browser and there is a placeholder for the image.
I have deleted Ezoic and so the webpage is fast as it was before and also the weird cache problems are gone.
Greetings Kathrin
