Although more and more people accessing the Web via broadband,a large percentage of people still access via slower dial-up connections. When creating a website, the lightness of it is a very important factor. The Internet will remain longer in poor sites that open quickly, they will look at other excellent but more slow to load. Design with files from "underweight" and remove the obstacle of bandwidth for most users. Design with large files, and limit access to your website to a privileged few who enjoy broadband.Design with large files and your visitors will be reduced almost to nothing.The best web design is one that is lighter. Good web designers are constantly juggling doing to achieve weight loss in their creations.In contrast, learners in the design tend to create a composition in any image editor such as Adobe Photoshop, Adobe ImageReady and cut in using Macromedia Dreamweaver to leave it as an operational web.This site may look wonderful, but it is virtually certain to engulf the bandwidth by more download time.So the question is how to lighten the weight of a web page?
·Use text instead of graphics that contain text It should try to use HTML text instead of images wherever typographical possible. Sometimes we use graphs to show a letter pretty or flashy but it is heavy to carry.If it is not strictly necessary, we should avoid this practice because the texts are lowered in a split second, however, the images take much longer.
·Reduce the weight of the images Trying to cut weight we can lighten our images reduced in size when saved in formats suitable for the web.Please note that for pictures is better to use the JPG format and color images "flat" (pictures, logos ...) use the GIF format. Asguidanceshould be sought that the images does not exceed 15 KB and that all elements of a page does not weigh more than 100 KB.There are even webmasters who recommend not exceeding the 50 KB.
·Do more with less Cut a large image in two or three small pieces could reduce the bandwidth required for each piece.But beware; as the server responds to the request for a picture after another, it could go the opposite effect.If you cut the image into 100 chunks, the bandwidth increases.You have to play with this resource to achieve optimal results.
·Reduce redundancy It is interesting to eliminate redundancies in the code.For example, in a default table text is aligned to the left, so it is redundant to emphasize in the code that the content is aligned to the left:
would be enough to put
·Leveraging Cache The cache is a store that saves all files that have already been lowered in case the user needs them again. The more times reuse elements of the web better.We recommend using headers, footers and menus that use the same images as they only have to lose once these elements.From there, the graphics are opened to the hard disk cache.
·Do not put all the information on one page If we have to create a page with lots of information, we recommend distributing it in multiple pages with navigation (forward, back) to put all the content on one page.A screen with that information occupying is enough.