Optimizing Your Website for Low Bandwidth Access

From Appfrica Wiki

Jump to: navigation, search
Campala > CampalaSession

As there is no actual broadband in Uganda, and your site will be either slow for people inside Uganda (if you host abroad) or for people outside the country, designing your side as optimal as possible is very important.

You can download Reinier's code here: Image:Lowband.zip

The tricks explained

  1. No tables >> CSS!!
  2. Put all your css and jscript in external files, not in the <head></head> of your html (Yahoo even recommends to put your javascript references at the bottom of the page
  3. Don't use XXX amount of small images for your layout, but use one big file, and use .css similar to this to show the part of the image you want: 
 #mydiv {
   width: 214px;
   height: 107px;
   background-image: url('../images/all.png');
   background-position: -214px 0px; 
 }


See the code for more samples


speaker: User:Reinier

Retrieved from "http://appfrica.mountbattenhosting.net/index.php/Optimizing_Your_Website_for_Low_Bandwidth_Access"
Personal tools