Talk Blogging - Blog Community Forum

Talk Blogging

Premium Blog Forum

Streamline your website pages

This is a discussion on Streamline your website pages within the Blog Software Talk forums, part of the News and Announcements category; Hugging the most efficient performance of your web pages is important. The benefits are universal, whether the site is vast ...






Go Back   Talk Blogging - Blog Community Forum > News and Announcements > Blog Software Talk

Members List Mark Forums Read
  #1  
Old 13th-April-2008, 08:05 PM
I Love Blogging
 
Join Date: May 2007
Posts: 76,467
Default Streamline your website pages




Hugging the most efficient performance of your web pages is important. The benefits are universal, whether the site is vast and personal or professional. The reduction in weight of the pages may accelerate browsing the Web, especially if your visitors use Internet access. Although broadband access is the future, the present still contains a large number of users lines. Many sites, e-commerce sites in particular, can not afford to ignore this large segment of the market. Sites with a large amount of unique traffic can also save on their total monthly traffic slimming down their web pages. This article will focus on the basics of page optimization of both text / code and graphics.

Graphics
Graphics are the usual suspects on pages heavier. Either as a result of a very graphic design, or a bit of trouble optimized images, graphics can significantly increase the load time of a web page. The first step in the optimization of graphics is very basic. Decide whether the graphics are absolutely necessary and simply to eliminate or move those who are not. Remove large graphics of the home page to another gallery is likely to increase the number of visitors who "roam" letting load the home page. Separate larger photos or art gallery also provides an opportunity to give warnings to users clicking fair Gallery it may take longer to load. In the case of graphical buttons, consider the basic use of text, buttons CSS-style place. Sites that use a graphic design, a common theme in the site templates, the need to optimize their images, as well as possible.

Graphics optimization first involves selecting appropriate for your type of image file. Although this theme is alone much fodder for in-depth analysis, I will mention briefly. The images are available in 2 varieties of commodities, those who are likely photography, and those who are graphic in nature. The photographs have a wide range of all colors mixed together in what is referred to as continuous tone. Graphics, such as logos, are generally smooth, crisp and large areas of the same color. The photographs are best compressed JPEG. " The "Joint Photographic Expert Group" format can be successful in compressing large photos at very manageable sizes. It is usually applied to a shift from "quality" between 1-100 scale, with 1 being the lowest and most compressed quality, and least 100 high quality. JPEG is a "lossy" compression algorithm, meaning it "destroyed" the image information when applied, so always keep a copy of the original file. Graphics and logos generally work better in the "IPF" or, more recently, "PNG" format. These formats are more effective than JPEG files to reduce the size of images with large areas of similar colors, such as logos or graphics text.

Some notes on other media appropriate. Other types of media such as Flash or audio files also slow down a page. The first rule is always the same, whether they are absolutely necessary. If you choose to build the site entirely in Flash, then make sure that the different sections and components are packed as possible. In the case of music, I will admit to personal bias and paraphrase here a brilliant old adage "Websites should be seen and not heard." Simply, the music plays in the background will not "enhance" a surfing experience.

Text and code
The greater weight to be trimmed on a page come graphic elements and the media, but it is possible to get rid of a few bytes per examine the text and code of a Web page. In terms of content text, it is perhaps not much to see here. A page content is a key not only to the user but also to understand search engines ranking. Removing or better organization of content is necessary only in extreme situations, where over the top weight is a problem. An example might be a long, cumbersome web page text requiring a long vertical scroll at the end. This page is common on "public" sites, and violates the basic tenants beyond those related to the weight.

Code is another story. A website code can be made more efficient in a variety of modes. First, through the use of CSS, all elements of style of a Web page can now be called from an external file. The same file can be called on all pages of a site, providing for a uniform appearance. This is not only more effective, but it is also the official recommendation of the W3C. The same can be said of XHTML and the abandonment of "table" based layout. Paintings, so effective for layout, produce more than the equivalent code using XHTML layouts "div" tags. Where a minimum of 3 tags are required to create a "box" with the contents of a table, only 1 is needed using the divisions. Using XHTML and CSS in combination can significantly reduce the amount of "page" required by the code of a Web page. A final, relatively insignificant trick is the removal of all the "spaces" in your code. Mariners do not, it is mainly those who can easily read and interpret the code. The savings are minimal at best, but for sites that receive an extreme amount of traffic, or even add a few bytes saved over time.

Conclusions
Target images and media files first when trying to reduce the weight of a page. They are the largest components of the overall page weight and simply delete them can significantly reduce the total weight. The images that remain should be optimal compressed in a format suitable for their category, the photos or graphics. Avoid huge blocks of text that cause unnecessary scrolling vertically. Organize the site more effectively to disseminate information across multiple pages. Adopt XHTML and CSS to downsize the code on the page and call external CSS. These tips should help to reduce the size of your pages and the speed of delivery to your viewers.
Reply With Quote

Voice | Articles | Baton Rouge
Powered by vBulletin® Version 3.7.2
SEO Forum | Domain Forum | Verizon Ringtones

1 2 3 4 5 6 7 8 9 10 11