InfoTales

Some times for connivance webmasters don’t specify dimensions of images (using height and with attributes). If thumbnails of user uploaded image are created proportionally it become difficult to specify a fixed size of an image as one dimension may be smaller then other. See in example page here image dimensions in listing are not specified as images are of different sizes.

Not specifying image sizes causes “Browser reFlow”. Browser reflow means that browser have to adjust height and width of image once its downloaded. After browser determines the image dimensions it has to adjust height and width of all parent elements. For example if an image is located inside a TD, the browser will adjust height/width of TR, table and then page body.

All these operations consume client CPU so the page renders slower, thus giving impression of slow loading to client. So it is good idea to specify dimensions for all images. I recently fixed this issue on one of my CRE Loaded based project.