desktop speed improved while Mobile speed dropped from 4 seconds to 8.7

Hey gnanava ;
For LCP; the image identified by pagespeed insights (wp-content/uploads/2022/01/Indoor.jpg) is lazyloaded by Jetpack, which for the LCP image should not be done, so see if you can reconfigure Jetpack lazyload OR switch to Autoptimize lazyload which can be configured not to lazyload the X first images.

Re. critical CSS vs Rapidload; they can be used together (I do use them both myself ?? ) but 2 tips;
1. try switching JS optimization to “don’t aggregate but defer” + “also defer inline JS” + remove the default exclusions and test. if that setup works, your JS (jquery) won’t be render-blocking any more
2. you’ll have to clear your page cache (nginx, probably set up/ managed by your host) to ensure the critical CSS is used

hope this helps,
frank

Thanks for the tips.

I Did all you suggested:

1. Disabled Jetpack LazyLoad and switched to Autoptimize LL
2. Excluded the first three images from lazyload (when I excluded only the one that appears first in the mobile version – other two images that can be seen on the desktop version, did not load as fast as the first one so I had to include them as well.
3. Switched to “don’t aggregate but defer” + “also defer inline JS” + removed the default exclusions

Now overall performance is:

85 on desctop – improved from 54
54 on mobile – improved from 40

Largest Contentful Paint:
1.5s – improved from 4s
6s – improved from 8.4s

Now these are data from web.dev

I tested the site with DTmetrix as well and it gave me 84% performance score.

THEN I removed Rapidload at all

Web.dev info stayed almost the same
GTmetrix gave me 90% score

In short, improved the performance by deleting Rapidload.

I’ll be experimenting more to find out what can work better.

Thanks for your tips!

maybe reach out to the rapidload team for support (you can do so from the rapidload settinsg screen)? they’re pretty good at it ??