WordPress Page Loading Speed Recurrent Issues

I am experiencing some recurrent page loading speed issues with images in W

[RogerM]

Hi there family,

In the past couple of weeks when auditing my clientīs site Iīve encountered some recurrent issues with their WordPress sites.

What is the issue?

Small images taking too much time to load.

There are images <10kb but still taking over 2s to load.

This is a common thing with the last few sites. Some of them use CDN others donīt. Some of them use WP Rocket as their cache plugin of choice other (like this one) use LiteSpeed or W3 Total Cache.

Thoughts?

[edited by: not2easy at 2:40 am (utc) on Jun 15, 2020]
[edit reason] privacy/ToS [/edit]

[not2easy]

One busy discussion here for the past few weeks has been about Google's change from the old 'Page Speed Report' to "Core Web Vitals" as their new measure of a site's value. See: [webmasterworld.com...]

Several folks have noted there that their site's loading speed is fine except for the delay caused by loading Google's AdSense ads. Basically it seems that we can only ramp up speed to an optimum level and then either remove ads or live with delayed speed.

Of course there may be other causes at play, which for Wordpress sites can mean anything from theme to plugins to server capacity. In our Wordpress Forum Charter [webmasterworld.com] there are tools to check plugins and themes against known and reported issues.

If you know that every resource is in optimum condition for its task, and the database does not carry unnecessary overhead, it can be down to the hosting, the browser or even the ISP.

[TorontoBoy]

You could consider doing an analysis of what scripts are running and what sites they are pulling into your code. Often times there are hidden scripts in plugins that go off and request stuff that tracks your site and your viewers that is irrelevant to you. This is especially true for those social media counters. They can cause a huge slowdown. Eliminate those and your load times might increase.

[RogerM]

@TorontoBoy + Yeah, a web developer guy from another forum send me a PM and quickly looked at my sight and pointed out a couple of issues I wasnīt aware of.

Like, for example...
* Many CSS and JS resources loading before images.
* Images NOT being serve scaled properly - I have images at 5000p displaying in a 450p container (lol, I know)
Also, a couple of cases where my browser was blocking some resources from loading, I donīt know if it was a server issues or some geo limitation.

Thanks!

[rosarionet]

Hey, there

I am new to this forum and eager to try and help with problems or share mine :)
Here are a few things I would like to share:
1) Displaying large images in smaller containers is a wrong practice. It would be good to check and adjust the sizes.
2) Using two caching options that do the same thing is not recommended. More specifically I am referring to CDN and WP Rocket. In fact, they aim at the static cache and combining them may lead to unexpected issues
3) Think of implementing webp format. It would definitely improve the speed (if it is affecting by images)
4) Think of deferring non-critical CSS and JS

[martinibuster]

I have images at 5000p

Yup, that's the culprit right there. That'll take a long while to download, worse on mobile.

[not2easy]

One other thing to check is to look at your PHP version because 7.4 is a minimum for themes that rely on Gutenberg features. Older versions of PHP can slow rendering.