Large Doc size and high ttfb after inlining css with nextjs 15 and tailwind #77571
Unanswered
vikaskrsharma
asked this question in
App Router
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
As css files were render blocking, i have added inline css to remove these render blocking requests but now my doc size has increased from 90kb to 170kb. This has affected page score specially on msite. i found that majorly this page size is due to tailwind being used in project. All of the tailwind code is getting added to doc twice, one in style tags and another in script tag. I have done all the optimization i can do like caching every api call to cms server and also added a cdn for faster delivery of assets. But still i have high ttfb(1.7 sec) and LCP (3.2 sec). Anyone have any idea or faced similar issue how to resolve it.

Beta Was this translation helpful? Give feedback.
All reactions