Post by account_disabled on Feb 25, 2024 4:17:16 GMT -6
The on WooCommerce and want to increase your sales Contact us iwantmorefast Control the size of javascript files on your site WORDS Giulio Fagioli READING TIME minutes The speed of your site is a fundamental point for its correct functioning lets see how to keep the weight of javascript in your site under control TO we spent several months making Barco Reale as fast as possible well reveal how we kept the weight of our javascript files under control. Check the weightiness of the javascript in your site Lets go back to talking about Barco Reale and its development. Today the focus is on bundle size.
First what is the bundle As seen in the previous article on using JQuery the javascript code we wrote B2B Email List splitting it into many files and all the dependencies we used will be merged into one or more files these are the bundles . this result we have chosen to have a javascript file for each page some pages share the same javascript file since they have the same final goal. I paid what I would define as unnerving attention to the weight of the final bundle this is aspects of the site for example indexing loading speed and the time needed for the page to be interactive for the user.
To keep the weight of these files under control some tools come in handy lets see the ones we used and their quick configuration. Webpack Bundle Analyzer The first tool we see is a plugin for webpack to find out more see the previous article this plugin allows us to understand how much our code and each dependency we have used influence the final weight through an interactive web page or a json files. Using it is very simple We need to import the plugin a because a very heavy bundle negatively affects numerous.
First what is the bundle As seen in the previous article on using JQuery the javascript code we wrote B2B Email List splitting it into many files and all the dependencies we used will be merged into one or more files these are the bundles . this result we have chosen to have a javascript file for each page some pages share the same javascript file since they have the same final goal. I paid what I would define as unnerving attention to the weight of the final bundle this is aspects of the site for example indexing loading speed and the time needed for the page to be interactive for the user.
To keep the weight of these files under control some tools come in handy lets see the ones we used and their quick configuration. Webpack Bundle Analyzer The first tool we see is a plugin for webpack to find out more see the previous article this plugin allows us to understand how much our code and each dependency we have used influence the final weight through an interactive web page or a json files. Using it is very simple We need to import the plugin a because a very heavy bundle negatively affects numerous.