Improving my website's performance (Part - 5) Fixing LCP load time

2 min read
📝 303 words
Improving my website's performance (Part - 5) Fixing LCP load time

Increase in LCP and how i fixed it

My LCP score has increased from 760 ms to 860.04 ms (almost a 100ms increase). Not good, need to fix this.

Well i did some design changes as well, so maybe because of that it's taking those in to account..

Time to first byte

The Time to first byte for the upgraded site comes to 32ms which earlier was 26ms in the previouse version. (increase by 6ms)

Prod environment (https://sujaykundu.com) :

TTFB - 26ms

Issue 5 Time to first byte in prod env

Dev environment (https://dev.sujaykundu.com) :

TTFB - 32ms

Issue 5 Time to first byte in Dev env

Resource Load delay

The Resource load time has also increased by 23ms

Prod environment :

RLD - 667 ms

Issue 5 - Resource Load Time in Prod env

Dev environment :

RLD - 680ms

Issue 5 - Resource Load Time in Dev env

LCP Resource Load delay:

The load delay of the LCP element increased by 13ms

Prod environment :

LCP element load delay: 667ms

Issue 5 - LCP image load delay in prod env

Dev environment :

LCP element load delay: 680ms

Issue 5 - LCP image load delay in dev env

Resource Load Time:

The resource load time increased by 26ms

Prod environment :

Resource Load duration: 30ms

Issue 5 - Resource Load Time in prod env

Dev environment :

Resource Load duration: 56ms

Issue 5 - Resource Load Time in dev env

Element render delay :

The element render delay increased by 54ms

Prod environment :

Element Render delay: 38ms

Issue 5 - Element Render Delay in prod env

Dev environment :

Element Render delay: 92ms

Issue 5 - Element Render Delay in dev env