Why and How performance is important

Why performance is important.
performance of applications directly impacts on the customer satisfaction. All the end users expect load contact as soon as request. Therefore, customers don't like to wait and see until page content loads. so, this will directly impact profit and sale. Therefore, at the end the company will lose customers and profit. So performance needs to be considered as a key factor.


Tools for measure performance

There are many tools available today so those tools can be used based on the requirement. currently I am using a lighthouse integrated with chrome dev tool so easy to use and provide guidelines to improve performance of web site.

Another tool I used is JMeter, JMeter used to test performance both on static and dynamic resources, Web dynamic applications.

It can be used to simulate a heavy load on a server, group of servers, network or object to test its strength or to analyze overall performance under different load types. JMeter is not a browser, it works at protocol level.

Ways can improve performance in applications
Mainly we can identify 3 sections of every app. Those are

• Front end
• Middleware
• Backend

So we can improve the performance of the app by considering these section

Let's discuss each section

The first and more important section is Front end(client-side) . What it does in the front end is basically it contains html, CSS, js and images. When we request a page from the browser it will load these files into the browser. So here loading time needs focus in order to improve performance. And another main point is this is not limited to the Front end side so minimize loading time of the web page need to consider the above mentioned 3 section for better result.

There are a few best practices you should follow when referencing other resources within your HTML document. The recommended way to put CSS at the top of your HTML document's header in order to ensure progressive rendering(HTML header section).but will not improve the loading speeds of your website. on the other hand, JavaScript file should be placed on the bottom of the web page with async script loading so this will ensure scripts will not interrupt the rendering of your webpage. avoiding embedding the code in HTML file is another important point because this increases the amount of HTML code that must be loaded each time your web page is refreshed.

Another point is to take advantage of HTTP/2 because it speed up your website.so how it happen, HTTP/2 allows you to send off multiple requests on the same connection in other word  HTTP/2 allows multiplexing to send and receive HTTP requests and responses asynchronously via a single TCP connection. This has the obvious performance improvement and second thing is if there any heavy request there is  not blocking all the other subsequent requests.

So how to send  split large files into small chunks for that There are many ways to split large files into small chunks. If you web pack you can use  SplitChunksPlugin it provides a default option as well as can configure our own base on our requirements.

Try to Minify of resource like CSS, JavaScript, and HTML. This will reducing the amount of data transfer required, files will run faster in the client's browser, and compression results are improved. There are so many option available for  Minify CSS, JavaScript, and HTML. most of option are available both online and development.

Compress files and optimize images, another considerable point for improving performance. For this there are many tools available. One of the popularly used file compression methods is Gzip. another file compression algorithm is Brotli. This is an open source algorithm developed by Google.


Other than these there are many ways so I will continue to the next article.