Lower core web vitals esp. TTI and TBT

[devhiko]

Hey, i have an application based on nextjs and styled with bootstrap and boosted with CMS as Contentful. As altough i think an optimized component code and well structured codebase i have, even so i have too high (according to lighthouse report and my sigths) my report values is to high like TBT: ^900ms,~ and TTI: ^5s~ and i giving error and suggestions about decreasing this, but none of them worked for me to decrease this and get rid of them. I have read somewhere at web like this: Next.js apps have fast layout and user experince but lower TTI and TBT (render blocking -> white page with almost nothing w/out spinner for loading and lasts long time in contrast of other apps like structured with react or vanilla js. And even more, i have used typescript and react-bootstrap framework for styling and other pages. My code is using imports dynamic and optimizes images with tag. Most of time i have searched on the net for this optimizing Core Web Vitals thing and writing optimized code. But none of them relieved this pain of suffering the main thread. I giving also error, Minimize main thread work, Decrease javascript execution time As a question for need help as mainly, IS THIS ISSUE ABOUT NEXTJS CORE, OR MY CODEBASE OR LİGHTHOUSE REPORT STABILTY ISSUES, i read an article about lighthouse audits's stability and reliability. Please help me for further, because i am newbie about at this environment but i want to develop faster and optimized web apps. In an application the reports gives many errors about overwhelmed and getting hotter core, at a scale even bigger application what will be worse more than i think. Here is a link of my question for detail: stackoverflow question