Follow these steps.
- Go to any page that uses Tailwind.
- Open the developer console.
- Execute code
new Blob([document.documentElement.outerHTML]);
. Notice the returned number. It represents approximately the HTML size. - Execute code
Array.from(document.getElementsByTagName('*')).forEach((el) => { el.className = ''; })
. This removes all CSS classes. - Execute code
new Blob([document.documentElement.outerHTML])
. The number represents the HTML size after all CSS classes were removed.
Calculate how much (%) the HTML size has increased.
Top comments (0)