Boost your Front end app Performance

Abstract

The performance of websites and the impact that has, has been well documented over the years. One of the most important aspects of improving a web page’s performance is minimizing the number of round trips that the browser needs to make to the server. Every file that your website includes (such as CSS, JavaScript or images) all need to be downloaded to the browser. By minimizing these requests you will speed up the page significantly and also caching is often best used on assets that seldom change, such as CSS and JavaScript files. You can set an expiry date for when an asset should change, effectively telling the browser or server to pull in a fresh copy of your assets.

Outline

Boosting frontend application performance is one of important aspects for JS frameworks like Ember, Angular, React and so on. The most common way to increase the performance is HTTP requests, Avoid URL redirect, Avoid empty SRC or HREF, Make AJAX cacheable, Compress components with gzip, Minify CSS and JavaScript, Reduce the number of DOM elements, Reduce DNS lookups, Use GET for AJAX requests and many more. Basically improper way to using JS code will reduce application performance. By using proper tools, libraries and debugging practices will help avoid these problem.

Speaker bio

Prasanna Vijayan, working as Front end Developer @ Icicle Technologies Pvt. Ltd. for more than one year. Been a Google Student Ambassdor for a year to help students understand and work on Google API’s. For the last one year mostly using Ember for creating complex applications.