gluestack-style prioritizes performance and is optimized for even complex applications with many elements. With a babel plugin for pre-computing styles during the build process, and runtime performance optimizations, gluestack-style delivers high performance styling.
We tested the performance of our landing page, built with gluestack-style and a large number of elements, using Lighthouse and achieved a high score of 100 for Performance, 97 for Accessibility, 92 for Best Practices, and 100 for SEO. You can check out the website and see the Lighthouse report for yourself.
Performance metrics from lighthouse report
We have run the benchmark, and we are getting great results compared to other libraries. We don't want the comparison with other libraries to be the ultimate scoring system. It doesn't give the full picture of any library. There are other important metrics too. Also, we may go wrong in how we run the benchmark, we may end up with selection bias too (unintentionally).
We suggest a way to test the performance, is to build real examples, create complex pages and native screens with a large number of elements, and test with Lighthouse and PageSpeed Insights. E.g., we are getting a 99 or 100 score on our docs website built with gluestack-style.
gluestack-style also supports Server-Side Rendering (SSR) through the flush function, which allows styles to be rendered on the server and hydrated on the client, eliminating the FOUC (Flash of Unstyled Content) issue and improving the overall user experience.
In conclusion, gluestack-style is designed to deliver high performance styling, and we continue to make optimizations to ensure it remains efficient and fast.
Edit this page on GitHub