Minification in JavaScript.

Overview

Minifying JavaScript files is an optimization technique to reduce JavaScript payload and the main-thread blocking time.

Minification can help reduce JavaScript file sizes by removing comments, white spaces, and redundant code, and in some cases, also makes the code more efficient by using shorter variable and function names.The smaller these JavaScript files are, the faster they are downloaded, parsed, and executed by the browser.


How does minifying JavaScript affect page 

performance?

Whenever the browser loads a page, it needs to download, parse, and execute JavaScript files during the page load.

Since this happens on the main-thread by default, a higher JavaScript payload will block the main-thread for longer, extending your page load.

Minification makes your code leaner and more compact by removing unnecessary elements, decreasing the file size, reducing the bandwidth consumed, and speeding up your overall page load times.


Minify JavaScript with care

JavaScript minification could break your site in some cases, if not done properly. Minifying your JavaScript is less impactful on the overall page experience when compared to other optimizations like:

  1. Code-splitting
  2. Eliminating dead code
  3. Caching your JavaScript code.

Hence, Minification is a lower priority optimization that should be regarded as a fine-tuning step to refine your page experience rather than single-handedly boost your page performance.


How to minify JavaScript?

  • JavaScript minification using online tools
  • JavaScript Minification using build tools
  • JavaScript Minification using a CDN
  • For WordPress (or other CMS users)

Benefits of minifying your files

In summary, the decision to minify CSS, JS, and HTML files provides advantages for both the website visitors as well as the site owner. By minifying your files you will benefit by reducing the amount of data transfer required, files will run more quickly in the client's browser, and compression results are enhanced. Taking advantage of minification is a great way to help further optimize your site and is easily achievable with the above mentioned online tools and plugins.



Comments

Post a Comment

Popular posts from this blog

Oracle E-Business Suite Applications - R12 – PROCURE TO PAY CYCLE

Image
  This is a pure functional Stuff and helps you to understand the navigation steps. Stage 1: Choosing an Item Go to Purchasing Responsibility and follow the below navigation to check for the suitable item. The item picked for our example should be purchasable item as above.   Click on tools and choose “Categories” to view the below screen. Stage 2: Creation of Requisition Follow the below Navigation to reach Requisition Form. Create a new Requisition for the item viewed in Stage 1. Click on Distributions to View the charge Account. Save and Submit for Approval Now note down the Requisition number and open the “Requisition Summary Form” to view the status of it. For our Example, Requisition number is: 14855 Stage 3 : Checking the Status of Requisition Query for the Requisition Number and click Find. Here for our example purpose, I kept the submitted and approved person has same and hence it shows the status as approved. To see the approval status, please follow the below navi...
Read more