Minimize your web page resources

Web pages typically developed by 4 main resources that are an HTML file, CSS file, js file, and images. Minification is important for all these resources that will help to reduce your website page size so it will load quickly.

A. Html document minify:

During the development process, the developer always keeps source code in formatting order so they can easily understand each and every line of code. They also used the HTML comment to identify the starting code and ending code for particular section. Actually, That’s good habits for the development process but you know it will increase the size of web pages.

But after completion of the development process, make sure that to remove all the unnecessary space or comment that already occupied the space.

You can also use HTML compressor online tools to remove all abandon space that will not affect your website design user interface and functionality. Open below URLs and paste your HTML code to get output results and then copy it from there and replace your existing code with generated code.

https://htmlcompressor.com/

B. CSS minify:

In the CSS file, there also lots of useless comments and white space occurs that remove from file to clear space. To avoid multiple inline CSS that we put into code and try to use short variable names such as class name, id name, and so on.

To clear all white space and comment, you can also use this online tools: http://csscompressor.com/

C. Js minify:

Js file we use to give functionality to your web pages. To minifying js file, you can use js compressor tools: https://jscompress.com/

D: Image minify:

Make sure that your image is not high resolution if your container size is less. Until and unless not a use for high resolution only it increase your page size. After that whenever you go down to upload on the server so always compress you're all the images with below compressor tools. It will not affect the quality of your images only it will reduce the size of images that will help out to load quickly.

https://tinypng.com/