Issues with Low PageSpeed Score and LCP Problems Despite Cloudflare Pro

Website, Application, Performance
1

Hello everyone,

I recently switched to Cloudflare Pro hoping to significantly improve my website’s performance. However, despite the switch, I’m still experiencing significant issues affecting my website’s performance. My website currently scores a performance rating of just 4 on Google’s PageSpeed Insights, which is far below the expected results.

A specific issue that keeps arising is the Largest Contentful Paint (LCP), which lags significantly behind the recommended benchmarks. I had hoped that the improvements provided by Cloudflare Pro, such as better caching and optimizations, would improve this, but it seems that these changes have had no effect.

Additionally, it appears that Cloudflare is not performing caching correctly. Normally, when I make changes, they are not immediately reflected due to caching, but now it seems that every change I make has an immediate impact, suggesting that effective caching is not taking place.

Here’s what I’ve tried so far:

Ensuring optimization of images and load times on the site itself.
Setting up Page Rules in Cloudflare to optimize caching.
Using the performance options within Cloudflare Pro.

I’m looking for advice or suggestions on how to address these issues. Is there something I might be overlooking or doing wrong? Has anyone else experienced similar issues and how were they resolved?

Any insight or help would be greatly appreciated.

Thank you!

3

If you have configured Cloudflare to be caching your HTML, make sure first that it actually is doing that by inspecting the cf-cache-status HTTP response header:

If you haven’t set up caching of HTML yet, review this guide:

This doesn’t just apply to your HTML though, so you should also check to make sure everything you expect to be caches (at least all CSS, Javascript, Font files & Images) are also cached.

1 Like
4

it’s a wordpress website, i checked my headers and can’t find it.

5

If i go the plugin, i get bad request in the wordpress plugin, also purge cache is not working ! Changes on the website are not shown !

6

Could you share your domain?

7

Yes of course, I am sorry

8

APO is working correctly for your website:

> GET / HTTP/2
> Host: www.layansi.com
> User-Agent: curl/8.4.0
> Accept: */*
> 
< HTTP/2 200 
< date: Wed, 28 Feb 2024 05:35:20 GMT
< content-type: text/html
< cf-ray: 85c64db50e012b87-LAX
< cf-cache-status: HIT <----------------Page is cached
< cache-control: max-age=14400
< last-modified: Tue, 27 Feb 2024 20:41:08 GMT
< vary: Accept-Encoding
< cf-apo-via: tcache <-------------- APO Header
< referrer-policy: strict-origin-when-cross-origin
< x-content-type-options: nosniff
< x-frame-options: SAMEORIGIN
< x-powered-by: WordOps
< report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=GujGp%2Bw9%2FS9DZ6c%2BfG1l9H4fmNAgVNovnsos9zww34EXhb%2BGeichiNS8YFXxhomeg3yqua8QVETVNH5Z6RwvKZr68Mn5o2LV4RsM2FdE31weY2ahJQ4g7%2FAlhj9mbd5RakpcYcx4i%2FZbeVT43w%3D%3D"}],"group":"cf-nel","max_age":604800}
< nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
< server: cloudflare
< 
{ [15254 bytes data]
* Connection #0 to host www.layansi.com left intact

This sounds familiar. Ah, here it is:

2 Likes
9

Okay, but why I get a very pagepseed score ? Check my pagespeed, not any caching is working.

10

The nice thing about Pagespeed is that it tells you why you get a bad score.

Right now, it seems the biggest problem on your site seems to be Javascript execution time and idle time. Image loading is blocked by multiple seconds in which there is no network activity.

image
image874×404 38.5 KB

I’d definitely get rid of Recaptcha and would also recommend disabling WP-Rocket for testing. If that doesn’t help, you’ll need to improve your Wordpress installation. There’s just way too much stuff going on in the frontend.

2 Likes
11

WooCommerce knows to be a bit heavy for the origin host/server.

Nevertheless, you have approx. ~10MB (9.67MB) PNG image below the slider, which makes my Firefox stutter a bit when the text changes over the slider above (cannot load it as expected) - what I saw immediately without checking the Developer Tools (F12) → Network tab, here:

slika
slika1268×870 74.3 KB

slika

slika
slika1920×1107 165 KB

Kindly, reduce the size in the resolution and filesize (optimize at least via TinyPNG or some online service, or even via a Plugin for WordPress), despite you’re using Pro plan with the Polish and Mirage options enabled.

12

I have already tried this, but I am still facing the same issues. Also, I am certain that Cloudflare is not caching my website, because previously I had to manually purge the cache after making changes, but now changes are immediately visible on the website.

13

You can view the headers yourself. @sdayman showed previously that it was being cached.

2 Likes
14

I know but isn’t strange what i am saying ?

15

Well, I’m certain it is. You can also see this in the initial server response time metric:

image
image962×34 1.66 KB

That’s what the Cloudflare Wordpress Plugin (APO) is for. It automatically purges the cache when you make changes, so this just means the plugin is working.

Have a look here, 2.3s JavaScript execution-time is just absolutely insane:

image
image960×369 13.9 KB

And JavaScript execution time has nothing to do with Cloudflare.

image
image949×920 40 KB

Recaptcha alone costs you almost a second for crying out loud.

2 Likes
16

I have already wp-rocket etc enabled but still the same.

17
CF-Cache-Status MISS
Cache-Control max-age=14400
Last-Modified Wed, 28 Feb 2024 13:18:05 GMT
Vary Accept-Encoding
cf-apo-via origin,miss
18

CF-Cache-Status MISS does not indicate that Cloudflare is not caching your website. When Cloudflare is not caching a request we usually see a CF-Cache-Status BYPASS or DYNAMIC instead. I would suggest taking a look at the document @simon initially shared with you to understand what the different values for CF-Cache-Status mean.