Increase wordpress speed

Justoverclock · 2021-02-18T14:35:55+00:00

Hi all, have u some suggestion to speed up my WordPress at www.justoverclock.it? (I’m not a coder) i have cloudflare chaching, lazy load, image optimimizati...

Increase wordpress speed

Justoverclock

yes, i dont know what happen….i will restore backup immediately….try now

phenomlab

Justoverclock Still looks the same. Do you have the Rocket Loader enabled in Cloudflare ? If you have, try disabling that first and clear the CF cache.

Justoverclock

phenomlab for me is ok, oh my god…..let me try again

i think the issue is flying fonts

Justoverclock

now is up!

phenomlab

Justoverclock Yep - looking good. Let me perform some analysis here, and I’ll respond to this thread shortly.

phenomlab

Justoverclock Can you provide me with a list of the active plugins on this site please ?

phenomlab

Some things that stick out here

There doesn’t seem to be any expires headers information set. This means that the images (for example) are not being cached efficiently and will be pulled on every site visit - regardless if the visitor has been to the site previously. The overall size of the home page is over 4Mb, which is huge 🙄

The DOM size is also huge - pulling that many elements will have a significant impact on speed

Can you provide a bit more detail about your host ? Is this Apache or NGINX for example, and are there any native caching mechanisms being used outside of Cloudflare ? In this instance, Cloudflare is probably adding little to no value. Can we disable Cloudflare temporarily so I can gain a true understanding ?

Justoverclock

phenomlab my hosting is siteground, i have siteground supercacher and cloudflare turned ON (i cannot turn this OFF)

phenomlab

Justoverclock It’s extremely slow

In total, there are 119 requests. The largest are made up of JPG images

You should consider converting these to .webp images to reduce their size, and run them through an image compression utility. There are several decent online utilities that can do this (provided each image doesn’t exceed 20 images and 5Mb each in size - otherwise you’ll need a paid subscription) - I’ve listed some below

https://compressjpeg.com/
https://www.img2go.com/compress-image
https://tinypng.com/

Justoverclock

phenomlab my hosting have integrated webp generator, already activated

phenomlab

Justoverclock my hosting have integrated webp generator, already activated

But it’s not working as JPG / JPEG images are being served.

Justoverclock

phenomlab mmmmhhh thats’ odd…..i will look into this, thx you’re very helpful

phenomlab

Justoverclock No problems. Let me know how you get on.

Justoverclock

phenomlab No problems. Let me know how you get on.

i’m not able to fix this…how can i serve automatically webp image instead of jpg? in wordpress is all ok but i see jpg

phenomlab

Justoverclock this depends on which plugin is handling the images. By the looks of it, nothing from what I can see.

Can we start with a list of plugins that your have running on the website ? If ok with you, I’m happy to access your instance directly and perform a full analysis to get this fixed.

Obviously I’ll need the admin username and password for your WordPress instance. Let me know if you’d like to take this route and we can then converse in terms of detail via discord.

Justoverclock

here my plugin list

phenomlab

Marking as resolved.

Here’s a rundown of the findings, and the changes made

Siteground’s plugin was setup on the WordPress site, but in fact, was slowing down the page loading time. At various points, we were seeing up to 3.4 seconds !
We took the decision to remove this, and replace with WP-Rocket, with @Justoverclock buying a valid license
We configured and tuned all available settings

As a result of this interaction, the site loads in less that one second 😮

We’ve combined CSS, JS, preloaded all font files, and enabled image lazy-loading. As this forum matures, the author is considering going down the WebP route for images to make the loading even faster.

So, if your current WordPress runs like a snail, and you’d prefer a Ferrari, let me know 🙂

phenomlab

This needed a revisit as some of the widgets were not loading properly, and the experience was only for logged in users. Logged out users never experienced the issue. After some digging around, I noticed that two classes were being loaded for lazyload - one for logged in users, and one for logged out. To work around the issue, we’ve needed to include the below custom CSS

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 90px !important;
    height: 65px !important; 
    margin-right: 15px !important;
}