A simple change improved Chakra UI's PageSpeed significantly

1

Sandpack by CodeSandbox

Then I remembered that CodeSandbox released their Sandpack component toolkit that you Can use to create live code editing blocks. Since that's an npm package that you install, I figured it will definitely be More performant because its code will be compiled, optimized and shipped along with the page. So I decided to swap out The old embedded iframe with the new Sandpack component. And the results were surprizing:.

#Open Source #Text Editors #Software Engineering 6 social mentions

2

Chakra UI

I've noticed that the PageSpeed scores for https://chakra-ui.com were not that great. I know that We've built the page using the best practices, but for some reason the scores weren't what we expected. I took some time To analyze the metrics and noticed that the TTI (Time to Interactive) and TBT (Total Blocking Time) were crazy high!

#Design Tools #Developer Tools #UI 197 social mentions