|
Ecommerce InformationStreamline Your Website Pages
by:
Eric Lester
Compression
the most efficient performance from your web pages is important. The benefits are universal, whether the site is personal or large and professional. Reducing page weight can speed up the browsing experience, especially if your visitors are victimisation dial-up net
access. Although broadband access is the future, the present still contains a great deal of dial-up users. Many an sites, ecommerce sites especially, cannot afford to ignore this large section of the market. Sites with a large figure of unique traffic may likewise save on their total monthly traffic by slimming down their web pages. This article wish cover the basics of on-page optimisation in some
text/code and graphics.
Graphics
Graphics are the usual suspect on heavy pages. Either as a result of a extremely
graphic design, or a few poorly optimized images, graphics can importantly
extend the load-time of a web page. The 1st step in graphics optimisation is really basic. Decide if the graphics are utterly
necessary and just eliminate or come the ones that aren't. Removing large graphics from the homepage to a separate gallery wish likely increase the number of visitors who "hang around" to let the homepage load. Separating larger photos or art to a gallery likewise provides the possibleness
to provide fair warning to users clicking on the gallery that it may take longer to load. In the case of graphical buttons, consider the use of text based, CSS-styled buttons instead. Sites that use a extremely
graphic design, a common theme in website "templates", need to optimize their graphics as better as possible.
Graphics optimisation 1st involves selecting the appropriate file type for your image. Although this topic alone is fodder for far more in depth analysis, I wish touch on it briefly. Pictures come in 2 basic varieties, those that are photographic in nature, and those that are graphic in nature. Photographs have a large array of colors all hugger-mugger together in what's referred to as consecutive tone. Graphics, such as business logos, are generally smooth, crisp and have large areas of the same color. Photographs are better compressed into "JPEGs". The "Joint Photographic Expert Group" format can with success
compress large photos down to really manageable sizes. It is ordinarily applied on a slippery "quality" scale between 1-100, 1 being the most compressed and lowest quality, 100 the least and highest quality. JPEG is a "lossy" compression algorithm, meaning it "destroys" pictures information once
applied, so always support a copy of the innovational file. Graphics and logos generally activity better in the "GIF", or more recently, the "PNG" format. These formats are more efficient than JPEGs at reducing the size of pictures with large areas of similar color, such as logos or graphical text.
A few general notes on else media are appropriate. Else types of media such as Flash or sound files likewise slow down a page. The 1st rule is always the same, consider whether they are utterly
necessary. If you are choosing to build the site entirely in Flash, then do sure the individual sections and elements are as well compressed as possible. In the case of music, I wish admit to personal bias here and paraphrase a brilliant old saying, "Websites should be seen and not heard." Simply, music playing in the background wish not "enhance" any browsing experience.
Text and Code
The most weight to be clipped on a page wish come from graphical and media elements, but it is possible to shed a few extra bytes by looking at the text and code of a web page. In terms of actual text content, there may not be more to do here. A page's content is key not only to the user's understanding but likewise search engine ranking. Removing or better organizing content is only necessary in extreme situations, wherever
more than page weight is an issue. An example strength
be a long, text heavy web page requiring a long vertical scrolling to finish. Such a page is common on "infomercial" sites, and violates basic design tenants on the far side
those related to page weight.
Code is a some story. A website's code can be ready-made more efficient in a variety of fashions. First, via the use of CSS, all style elements of a web page can now be called via an external file. This same file can be called on all a site's pages, providing for a uniform look and feel. Not only is this more efficient; it is likewise the official recommendation from the W3C. The same may be same
of XHTML and the abandonment of "table" based layout. Tables, although effective for layout, produce more code than equivalent XHTML layouts victimisation "div" tags. Wherever
a minimum of 3 tags are required to create a "box" with content in a table, only 1 is required victimisation divisions. Victimisation XHTML and CSS in combination can importantly
reduce the figure of "on page" code required by a web page. A final, comparatively
insignificant trick is the removal of all "white space" from your code. Browsers don't require it; it is primarily so authors can without delay
see and interpret the code. The savings are least at best, but for sites that obtain an extreme figure of traffic, even as a few saved bytes wish add up over time.
Conclusions
Target pictures and media files 1st once
seeking to reduce the weight of a page. They are the largest components of overall page weight and just removing them can importantly
reduce total weight. The pictures that remain should be optimally compressed into a format appropriate for their type, photos or graphics. Avoid large blocks of text that cause gratuitous vertical scrolling. Organize the site more expeditiously to spread the information across multiple pages. Adopt XHTML and CSS to reduce the size of the on-page code, and call the CSS externally. These tips should help reduce the size of your pages and speed their delivery to your viewers.
Just about the author:
Mr. Lester worked in the IT industry for 5 years, effort psychological feature
of hosting, website design, before serving for 4 years as the webmaster for Phoebus apollo
Hosting, http://www.apollohosting.comApollo Hosting provides website hosting, ecommerce hosting, vps hosting, and web design services to a wide range of customers.
Circulated by Article Emporium
| |
