If you’re using Tailwind CLI, you can minify your CSS by adding the -minify flag: npx tailwindcss -o build. In this quick tutorial we’ll use JavaScript to compress images selected with a file input element. With CSS files this small, you don’t have to worry about complex solutions like code-splitting your CSS for each page, and can instead just ship a single small CSS file that’s downloaded once and cached until you redeploy your site.įor the smallest possible production build, we recommend minifying your CSS with a tool like cssnano, and compressing your CSS with Brotli. So im converting the image to base64 string and sending it.
Viewed 1k times 0 I wanted to upload images to products, and users. For example, Netflix uses Tailwind for Netflix Top 10 and the entire website delivers only 6.5kB of CSS over the network. Ask Question Asked 5 years, 3 months ago. Tailwind CSS is incredibly performance focused and aims to produce the smallest CSS file possible by only generating the CSS you are actually using in your project.Ĭombined with minification and network compression, this usually leads to CSS files that are less than 10kB, even for large projects. Im delighted to share that my article Compress Image In Angular To Boost File Upload Performance has been published in the most popular publication.
0 kommentar(er)
