In the previous chapter, we learned how to use frontend techniques to optimize our application or website. Actually, I believe all the frontend developers need to follow this guideline for all types of web development, and not just for mobiles. Some of the techniques that I have discussed in the previous chapter do not have a direct relationship with performance. However, this will create a well-structured environment, which will make it easier to focus on performance.
In this chapter, I will discuss a whole different area that is related to performance optimization, which is really essential and easy to understand. To go through this chapter, you need to have a basic understanding of HTML, CSS, and JavaScript.
In this chapter, we are going to cover the following topics:
Caching
File order of external style sheets and scripts
Empty source and link attributes
CSS and JavaScript frameworks
How to optimize JavaScript
Load only what is needed
Reduce the number of DOM...