Web front-end development Essentials Compression tool Grooming

There are two factors affecting the opening time of the website, one is the speed of the page loading, the other is the size of the site page. Web site loading speed and the user's network environment and host performance, and the size of the site page is determined by the web Developer, the most important thing is the work of Web front-end development engineers. The focus of this article is how to compress Web pages to reduce page load times.

1. Image compression

The picture is quite space-consuming relative to the text. Compressing pictures is a priority.

Picture Compression Tool Recommended:

• Shrink-o-matic
• Smush It
• Magic Hand of Light and shadow

2. Javascipt compression

In order to increase the interactivity and animation of the page, many pages use Javascript, especially jquery.

Recommended Tools:

• Javascript Compressor
• JS Compressor

3. CSS compression

Because the CSS code has a lot of abbreviations, so using compression tool compression, can greatly reduce the size of the CSS file.

Recommended Tools:

• CSS Optimiser
• CSS Compressor
• Clean CSS

4.HTML compression

It is recommended that you use the Dreamweaver Cleanup tool. With Dreamweaver's clean-up HTML command, you can remove empty tags from your document, dissolve nested font tags, and more, to make your code more readable and understandable.

Web front-end development Essentials Compression tool Grooming