Start with an example so you can see where we go with this article. Consider a type of advertising site, in this case, we think of a website that lists the properties of real estate. Each property has a photo. Have a page where the list of all properties in a given area, about 20 items per page. For each property, you may receive a smaller version of your image (this is called a miniature), and a brief description of the property, visitors can click on the property that they like to learn more. The problem is: this page has plenty of time to display in your browser.
There is a high probability that this problem is related to images. Need to analyze how your site generates the thumbnails. In many scenarios, the models are just the original images, but appears to a lesser width and height. If this is the case, then each picture takes too long to load. You should change this setting and generate real thumbnails of each image. You must also modify the script to work with thumbnails of images, not only the original large images.
There are several ways to create thumbnails:
1) Use a graphics program. You upload the original image, and resize the thumbnail size. The following is saved with a different file name. For this to work, the script needs to load the large image for each property, and though in miniature.
2) The script can generate thumbnails automatically upload your images to your server. Simply load the frame. Once the script is written in PHP, for example, it can be done using PHP functions that use the GD library image graphics. These features allow you to generate thumbnail images in different image formats like GIF, JPG and PNG.
3) The script can generate thumbnails on the fly and served directly in the browser. This will save storage space on the server, but requires a large amount of processing time on the server. Not recommended if you have many images, or if the site has many visitors daily.
The important point to remember is that you should not resize original images to show as thumbnails, especially if you are displaying many of these images on the same page. Will not only decrease the load of the page in the browser, but also use more bandwidth you can save.
Written by Sergio Roth