The post investigates the performance differences between Tailwind and Linaria, focusing on initial load and interaction performance. It covers setting up the investigation, measuring the size of assets, and analyzing the results for both client-side rendering (CSR) and server-side rendering (SSR) modes. Despite Tailwind making CSS smaller, the investigation found no significant impact on initial load performance, but some interaction performance was slower in Tailwind due to additional selectors.
Table of contents
Setting up the investigationWhy Linaria vs Tailwind: reasoning and initial assumptionsMeasuring the change in assetsMeasuring LCP in Client modeMeasuring LCP in SSR modeMeasuring INPResults of the investigationSort: