My client’s website was loading too slow and had approx. constant LCP FCP score for all pages including pages which had only one element like H1 heading (for test purpose). It had too many elements and styles applied with a 40 page style guide and 500 components.
So I redeveloped the site with client-first framework and made the whole site clean, optimized in my own workspace which showed page speed index of 0.5 sec and performance of 97 to 100 almost.
I cleaned the assets, classes, elements, codes, components from the live site and copy pasted the elements, new style guide from the redeveloped site. And published the website. after reducing the elements, styles to 1/3 of initial still the site speed is slow and LCP FCP score is same.
How to fix this issue as the site now is fully optimized, yet speed and performance didn’t changed.
Is the issue due to hosting (DNS settings) or something else?
Hi,
It sounds like you’ve already made significant progress optimizing your website, but the slow page speed and consistent LCP/FCP scores indicate there might be some remaining areas to address. Here are a few steps you can take:
1. Recheck JavaScript Performance:
– Defer or Async Scripts: Ensure non-essential scripts (e.g., tracking scripts or widgets) are loaded asynchronously or deferred to avoid blocking page rendering.
– Remove Unused JavaScript: Review your site for unused libraries or scripts, as even small files can add up and impact performance.
2.Enable Lazy Loading:
Lazy loading can improve initial load times by deferring the loading of non-critical content:
– Images: Lazy load images below the fold to reduce initial page load time.
– Third-Party Scripts: Ensure third-party integrations are lazy-loaded or deferred until needed.
3. Optimize Render-Blocking Resources:
– CSS: Inline critical CSS for above-the-fold content to reduce delays.
– Fonts: Use font-display: swap for web fonts to ensure text remains visible while fonts are loading.
After implementing these changes, run your site through tools like Google PageSpeed Insights or Lighthouse to evaluate the improvements in your Core Web Vitals (e.g., LCP, CLS).
Alternative Option:
If you’re short on time or prefer an automated approach, you can explore tools like Website Speedy, which offers a 14-day free trial and handles many of these optimizations for you.
(Disclaimer: I am affiliated with Website Speedy and happy to answer any questions.)