How to reduce web-page size?
How to reduce web-page size?
1. Resize and Compress Your Images
If you're looking for a compression too
Compressor.io
Compressjpeg.com
Jpegmini.com
2. Use CSS Sprites
A CSS sprite refers to a collection of images that are combined to create one image file,according to W3School. Then, you use CSS to only display the part of the combined image that you'd like to appear.By doing this, you're reducing the number of server requests necessary for the page to load.
To clarify, below is a more visual explanation. Example A includes separate image files for each of the browser icons, totaling 70.7 KB. Example B uses CSS sprites — one image that uses CSS to display portions of that image — to show the same exact information. The total size of those images is less than half of Example A.
3. Remove Unnecessary Custom Fonts
4. Minimize Resources
5. Use a Content Delivery Network (CDN)
A content delivery network refers to "an interconnected system of cache servers that use geographical proximity as a criteria for delivering web content," according to TechTarget.
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.
One way to reduce the size is to minify them.
Minification is the process of removing anything that is not essential to the rendering of the page (such as comments or whitespace) and making changes that reduce the overall size of the file.
Get your 1st stub free*
Free Check Stub Maker With Calculator | Pay Stub Generator | Free Paystub Generator | Online Pay Stub | Free Pay Stub Generator | Free Check Stub Maker | Paystub Maker | Create Pay Stub | Create Check Stubs | Create pay stubs | Paycheck stubs | Paycheck Stub online | Create a Pay Stub | Free Pay Stub Template | Check Stub Maker | Pay Stub Maker |paycheck stub maker
We can reduce web page size by compressing images and reduce (minimise) the size of CSS files.
One way to reduce the size of HTML files is to minify them. Minification is the process of removing anything that is not essential to the rendering of the page (such as comments or whitespace) and making changes that reduce the overall size of the file.
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.
One way to reduce the size of HTML files is to minify them. Minification is the process of removing anything that is not essential to the rendering of the page (such as comments or whitespace) and making changes that reduce the overall size of the file.
Ctrl+0 (hold the control key and press zero) resets zoom to normal size (Zoom RESET). Ctrl++ (hold the control key and press the plus key) makes the text larger (Zoom IN).
Set the height and width of a <div> element: div { height: 200px; width: 50%; ...
Set the height and width of another <div> element: div { height: 100px; width: 500px; ...
This <div> element has a height of 100 pixels and a max-width of 500 pixels: div { max-width: 500px; height: 100px;
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.
It is predicted that the average page size will be 4 MB by 2019. According to Pingdom's Average Webpage in 2017 report, an average 819 KB was dedicated to video and 1,818 KB for images. Google recommends 500 KB given that 1.49 MB takes seven seconds to load using a fast 3G connection.
5 Tips for Reducing web page size
Tip 1: Insert Graphics instead of copying and pasting.
Tip 2: Turn off Preview Picture
Tip 3: Compress Images
Tip 4: Don’t Fast Save
Tip 5: Reduce the size of images
Oryon Networks | Singapore Web Hosting | Best web hosting provider | Best web hosting in SG | Oryon SG
5 important Tips for Reducing Page Size
1. Resize and Compress Your Images
2. Use CSS Sprites
3. Remove Unnecessary Custom Fonts
4. Minimize Resources
5. Use a Content Delivery Network (CDN)
Compress the size of image
Minimize CSS ans JS script
|
Bookmarks