How to reduce web-page size?

There are some very basic stuff you can begin with.

Use some tool to minify and combine multiple CSS files into single file and multiple Javascript files into single file
Use PNG format for images.
Combine several images into single and use it as sprite
Enable compression in your webserver for javascript, css and images
Enable caching header in your web server so that browser at client end knows to cache the static contents of your site, thereby making subsequent loading faster
Remove unnecessary HTML tags and use HTML compressor
Obfuscate javascript and css files so that it uses less space

HTML Compressor.
HTML minifier.
JavaScript-based html-minifier via npm.
JavaScript-based html-minifier with Node. js support.
Will Peavy's HTML Minifier.

PC: Press the CTRL key and the + or - key to zoom in or out.
MAC: Press the COMMAND key and the + or - key to zoom in or out.

1. Resize and Compress Your Images · 2. Use CSS Sprites · 3. Remove Unnecessary Custom Fonts · 4. Minimize Resources.

Enable compression.
Minify CSS, JavaScript, and HTML.
Reduce redirects.
Remove render-blocking JavaScript.
Leverage browser caching.
Improve server response time.
Optimize images.

You can adjust the size of a web page simply using your keyboard.
PC: Press the CTRL key and the + or - key to zoom in or out.
MAC: Press the COMMAND key and the + or - key to zoom in or out.

Following are some of the ways to reduce web-page size

1.Resize and Compress Your Images

2. Use CSS Sprites

3. Remove Unnecessary Custom Fonts

4. Minimize Resources

You can reduce web page size by doing the following two most important activities on your page:

1: You can optimize your images by reducing their size and quality, it will surely reduce your page size.
2: You can optimize your heading structure and content using different fonts, it will also reduce your page size.

5 Tips for Reducing Page Size

Resize and Compress Your Images.
Use CSS Sprites.
Remove Unnecessary Custom Fonts.
Minimize Resources.
Use a Content Delivery Network (CDN)

5 Tips for Reducing Page Size

Resize and Compress Your Images.
Use CSS Sprites.
Remove Unnecessary Custom Fonts.
Minimize Resources.
Use a Content Delivery Network (CDN)

Resize and Compress Your Images. When it comes to page weight, images are one of the largest contributors.
Use CSS Sprites.
Remove Unnecessary Custom Fonts.
Minimize Resources. ...
Use a Content Delivery Network (CDN)