General Tips to Optimize Page Loading When Work With Pictures
1. Use Browser Cache
When visit page for first time, Browser have to download all resources (aslo All images), but on second visit, why should not browser get resources from Cache (previously loaded and saved resource). For Images/CSS/JavaScripts, you’ll need to configure the web server.
2. Don’t forget height and width atteibutes in img tags
These attributes ‘helps’ the browser to layout the text before the image is 100% loaded. If you forget these attribute, browser will first download the image and after the will calculate the lay out.
3. Give correct values of height and width atteibutes in img tags
If height and width are little but the image file is large, that won’t mage the page loading faster.
4. Avoid ‘animated’ Gifs and Flash
Animated Gifs and Flash could have huge size, which’ll slow down the page loading.
5. Do you reaaly need 3D Graphics ?
Think if you really need large 3D Graphics for background, simple images could make site more friendly and also reduce the total size of bytes which browser will download when open your page, which optimize the loading
6. Choose Appropriate Formats of Images
Be carefully when choose the format of images: GIFs works best for solid colors and sharp-edged transitions from one color to other, JPEGs works best for continuous gradations of many colors or grey tones.
7. Use Image Slicing
Image slicing is a technique used to breakdown a large image into smaller pieces to make it load faster.
8. Don’t Include Too Many Images in One Page
If they’re too many separate them in different pages. Ex. you’ve photos of animalas, make one page for cats, second for dogs, third for rabbits, etc.
9. Use Thumbnails Javascript Scripts
You can use a java script to display a thumbnail and load the larger image only when the user clicks or rolls his mouse over the thumbnail.
10. Optimize Your Images
Optimizing your images is a great way to reduce the load time, but be careful because it will often make your colors look washed-out and you may lose some of the fine details.
