CSS optimizations
CSS optimizations are extremely easy and kind of obvious if you have experience developing with any preprocessor frameworks, such as SCSS/LESS. When we discuss CSS optimization, we are really talking about two different yet dependent things:
- Loading the style sheets
- Rendering and applying styles
Coding practices
There are a number of coding practices that we can adapt and learn to make our application perform better. Most of them might seem insignificant, but they do matter when scaled to a large application. We will discuss a few of these techniques with examples.
Using smaller values for common ENUM
As we are talking about reducing the page load time, one quick way to do so is by removing redundancies in the CSS file itself:Â
- Using
#FFFFFFÂ ? Switch to#FFF, which is the same RGB value represented in short. - Do not add
pxafter a properties value if the value is0. - Use minification if not being used already. This concatenates all the CSS files in use and removes all the whitespace...
The rest of the chapter is locked
83
Tech Concepts
36
Programming languages
73
Tech Tools
Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
50+ new titles added per month and exclusive early access to books as they are being written.
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Authors (1)
Other recommended products
Related to this chapter
Personalised recommendations for you
Based on your interests and search pattern
