This Static Spot is open for sponsor

Click Here to Sponsor MCT Eric Post in Full Page

Afrikaans Afrikaans Albanian Albanian Amharic Amharic Arabic Arabic Armenian Armenian Azerbaijani Azerbaijani Basque Basque Belarusian Belarusian Bengali Bengali Bosnian Bosnian Bulgarian Bulgarian Catalan Catalan Cebuano Cebuano Chichewa Chichewa Chinese (Simplified) Chinese (Simplified) Chinese (Traditional) Chinese (Traditional) Corsican Corsican Croatian Croatian Czech Czech Danish Danish Dutch Dutch English English Esperanto Esperanto Estonian Estonian Filipino Filipino Finnish Finnish French French Frisian Frisian Galician Galician Georgian Georgian German German Greek Greek Gujarati Gujarati Haitian Creole Haitian Creole Hausa Hausa Hawaiian Hawaiian Hebrew Hebrew Hindi Hindi Hmong Hmong Hungarian Hungarian Icelandic Icelandic Igbo Igbo Indonesian Indonesian Irish Irish Italian Italian Japanese Japanese Javanese Javanese Kannada Kannada Kazakh Kazakh Khmer Khmer Korean Korean Kurdish (Kurmanji) Kurdish (Kurmanji) Kyrgyz Kyrgyz Lao Lao Latin Latin Latvian Latvian Lithuanian Lithuanian Luxembourgish Luxembourgish Macedonian Macedonian Malagasy Malagasy Malay Malay Malayalam Malayalam Maltese Maltese Maori Maori Marathi Marathi Mongolian Mongolian Myanmar (Burmese) Myanmar (Burmese) Nepali Nepali Norwegian Norwegian Pashto Pashto Persian Persian Polish Polish Portuguese Portuguese Punjabi Punjabi Romanian Romanian Russian Russian Samoan Samoan Scottish Gaelic Scottish Gaelic Serbian Serbian Sesotho Sesotho Shona Shona Sindhi Sindhi Sinhala Sinhala Slovak Slovak Slovenian Slovenian Somali Somali Spanish Spanish Sundanese Sundanese Swahili Swahili Swedish Swedish Tajik Tajik Tamil Tamil Telugu Telugu Thai Thai Turkish Turkish Ukrainian Ukrainian Urdu Urdu Uzbek Uzbek Vietnamese Vietnamese Welsh Welsh Xhosa Xhosa Yiddish Yiddish Yoruba Yoruba Zulu Zulu

 

 

Article Navigation

Back To Main Page

 

Click Here for more articles
Google
Streamline Your Website Pages
by: Eric Lester
Squeezing 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 using dial-up internet access. Though broadband access is the future, the present still contains a great deal of dial-up users. Many sites, ecommerce sites especially, cannot afford to ignore this large section of the market. Sites with a large amount of unique traffic may also save on their total monthly traffic by slimming down their web pages. This article will cover the basics of on-page optimization in both text/code and graphics.

Graphics

Graphics are the usual suspect on heavy pages. Either as a result of a highly graphic design, or a few poorly optimized images, graphics can significantly extend the load-time of a web page. The first step in graphics optimization is very basic. Decide if the graphics are absolutely necessary and simply eliminate or move the ones that aren't. Removing large graphics from the homepage to a separate gallery will likely increase the number of visitors who "hang around" to let the homepage load. Separating larger photos or art to a gallery also provides the opportunity 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 highly graphic design, a common theme in website "templates", need to optimize their graphics as best as possible.

Graphics optimization first involves selecting the appropriate file type for your image. Though this topic alone is fodder for far more in depth analysis, I will touch on it briefly. Images 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 jumbled together in what's referred to as continuous tone. Graphics, such as business logos, are generally smooth, crisp and have large areas of the same color. Photographs are best compressed into "JPEGs". The "Joint Photographic Expert Group" format can successfully compress large photos down to very manageable sizes. It is usually applied on a sliding "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" image information when applied, so always keep a copy of the original file. Graphics and logos generally work best in the "GIF", or more recently, the "PNG" format. These formats are more efficient than JPEGs at reducing the size of images with large areas of similar color, such as logos or graphical text.

A few general notes on other media are appropriate. Other types of media such as Flash or sound files also slow down a page. The first rule is always the same, consider whether they are absolutely necessary. If you are choosing to build the site entirely in Flash, then make sure the individual sections and elements are as well compressed as possible. In the case of music, I will admit to personal bias here and paraphrase a brilliant old saying, "Websites should be seen and not heard." Simply, music playing in the background will not "enhance" any browsing experience.

Text and Code

The most weight to be trimmed on a page will 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 much to do here. A page's content is key not only to the user's understanding but also search engine ranking. Removing or better organizing content is only necessary in extreme situations, where more than page weight is an issue. An example might be a long, text heavy web page requiring a lengthy vertical scrolling to finish. Such a page is common on "infomercial" sites, and violates basic design tenants beyond those related to page weight.

Code is a different story. A website's code can be 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 also the official recommendation from the W3C. The same may be said of XHTML and the abandonment of "table" based layout. Tables, though effective for layout, produce more code than equivalent XHTML layouts using "div" tags. Where a minimum of 3 tags are required to create a "box" with content in a table, only 1 is needed using divisions. Using XHTML and CSS in combination can significantly reduce the amount of "on page" code required by a web page. A final, relatively insignificant trick is the removal of all "white space" from your code. Browsers don't require it; it is primarily so authors can readily read and interpret the code. The savings are minimal at best, but for sites that receive an extreme amount of traffic, even a few saved bytes will add up over time.

Conclusions

Target images and media files first when seeking to reduce the weight of a page. They are the largest components of overall page weight and simply removing them can significantly reduce total weight. The images that remain should be optimally compressed into a format appropriate for their type, photos or graphics. Avoid huge blocks of text that cause unnecessary vertical scrolling. Organize the site more efficiently 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.

About the author:
Mr. Lester worked in the IT industry for 5 years, acquiring knowledge of hosting, website design, before serving for 4 years as the webmaster for 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

 


©2005 - All Rights Reserved

This Static Spot is open for sponsor

Web Development Information

Read Articles:

Disappointing Designs
Oakland, San Jose Web Design Company
Press Release MX8 - Heral...
CREATIVE SUITE - THE UNDERLYING INTEG...
Review: Swish
Streamline Your Website Pages
Computer Hygiene - Take Out The Trash!
Top Search Engine Ranks- The Only Sec...
How To Use A WYSIWYG HTML Editor To M...
Who should become a web host reseller?
XHTML - Kicking And Screaming Into Th...
The Three Principles Of HTML Code Opt...
Article Syndication - A New Vehicle f...
Finding the Right Web Host

More Article Pages 1 - 2

The Topic Of Your Website

The first thing you will have to deal building your website has nothing to do with the web design itself, it's me related to content writing but it must be defined and will effect the rest of your actions. So first of all you need to decide what the topic of your future website is. Topic is very closely connected to another web design issue: keywords. The keywords you select will depend upon the topic you have chosen. When thinking about website topic ask yourself a few questions: What is the goal of the site you are making? What are you trying to achieve with your site. Specify a goal, preferably in one short sentence.

Take a sheet of paper and a pen and put all you can think out about your future website. Brainstorm! Just put everything that comes to your mind: what you want to give to your visitors, what the site is about, what you want to accomplish with your website, what is your experience in the area you would like to select as topic? The more points you could think up the better. Then sort it in the number of importance. Think what points can be deleted without harm to your project. Delete them. Leave only what is REALLY important. Try to get your goal out of those points.

Choosing topic is like choosing the topic for college research paper. You should try to select reasonable balance between too wide and to narrow topics. Narrowing down your website topic might be very helpful. If you have narrower topic that means you have less competing topic thus it will help you to get better position among your competitors. However if the topic is too narrow nobody will ever bother to search for it. Let me give you example: you want to build a website devoted to website design, but if you try to develop this website guess how many websites you will have to beat to get on the top? I got 4,030,000 pages devoted to website design according Google . To check this number just enter http://google.com and then enter "website design" in the search form on the first page. Now let's see how many sites Google indexed with the topic "Flash website design". I got about 22,300. As you may see the result of indexed web pages is four millions smaller. So creating website about flash design will be much smarter then just to make "website design" site and be lost in those millions pages. Note that "Website design" and "Flash Website Design" are not only keywords, the Flash website design is a part of website design but it is smaller part. Searching search engines keywords related to the topic you have selected may be helpful in making decision about your website topic. I'll teach you how to select "right" keywords to obtain better position on the search engine listings in the next articles.

Do not hesitate to reset your goals. Try to think about audience of the website. People like to visit websites with the original and unique content. Will your website be able to provide your visitors with such content? Will visitors come back again and again or they will simply close the browser window and forget about your website?

The better the plan the less work you will have to make. So if you could define the topic and define it clearly you may proceed to another step of website building: choosing a domain name.

Click Here

This article may be reprinted and distributed with no charge until the credit line below remains without changes.

Thanks for reading.

About the Author:
Oleg Lazarenko
Production Manager of
Metamorphosis Web Design Studio ?
Flash templates and Web Templates
http://www.metamorphozis.com

©2005 - All Rights Reserved

JV Blogs Visit free hit counter