Google Pageinsight LCP issue only on mobile device (Vuejs)

Question

After a lot of optimization, I manage to achieve good performance (above 60) on mobile device for my vuejs website, but it does not improve my Largest Contentful Paint (LCP). it remains unchanged.

need some help so I can improve my LCP. Thank you in advance

We need more info to help you on this. It is impossible for us to guess what is causing a high LCP time without seeing the site code. Maybe post a link to the site in the comments. — GrahamTheDev, Jul 30 '20 at 10:35

score 0 · Accepted Answer · edited Sep 14 '20 at 07:05

0

Visiting https://propertyscout.io/ for mobile on lab data LCP is 3.3 so field data will be less than that from my experience. Following change can help you to improve further on LCP

Preload Key since CSS requests are loading from different domain
Remove unused JS and CSS.
Also load Below fold css in defer mode.

edited Sep 14 '20 at 07:05

Arghya Sadhu

41,002
9
78
107

answered Sep 14 '20 at 05:55

Sham

162
1

Can you please elaborate #3 bit more? – Ahmed Ismail May 25 '21 at 00:11
Hi Ahmed, Styles that are needed below the default view port load in defer mode. More details at https://web.dev/defer-non-critical-css/ – Sham May 26 '21 at 01:11

Google Pageinsight LCP issue only on mobile device (Vuejs)

1 Answers1