Cut To The Chase: How To Make Your Website Load Faster.
So your web pages have great content, a nice design, but hardly anyone seems to click through from them to any other part of your website. In many cases, the problem is the load time – people are abandoning your site for the simple reason that it just takes too long for the thing to load.
How Fast Does It Need to Be?
Fast load times are extremely important: usability studies say users rate them as one of the most important things about a website. Users would much rather use a quick-loading site of average quality than a great one that loads sluggishly – no doubt you've done this yourself at some point.
What's the limit? Well, studies say that over a third of users will leave a website that doesn't load within ten seconds. You might think that, in the age of broadband, download speeds don't matter, but remember that in the US, over half of all Internet users are still using slow dial-up connections (if you are, you have my sympathy). Other countries don't tend to have quite as many dial-up connections left, but broadband penetration is certainly nowhere near universal.
This means that you need to pay attention to the size and download speed of your site: those 10 seconds on a 56k dial-up connection correspond to about 70KB in page size – that means that your HTML and graphics should add up to 70KB as an absolute limit. That's quite a stringent requirement, and makes every byte count.
Reduce Graphics.
The first thing you should do, then, is to keep the number of graphics your website uses to a minimum. Don't have graphics for things where text or CSS would do, or where they don't enhance your information or design significantly. You should consider the web to be a text medium, and justify every graphic you use to yourself.
Compress Your Graphics.
Once you've removed the un-needed graphics, you might consider compressing the ones that remain. Try turning up their JPEG compression higher, or reducing the number of colours used – you might try using a GIF, if your graphics don't have very many different colours.
When you can't compress your graphics any smaller, don't miss more traditional steps: you could always resize your graphics to make them smaller!
Clean Up Your HTML.
You'd be surprised just how bloated HTML code can get with unnecessary tags, especially if you use a WYSIWYG editor, or design your site using tables. Design your site using CSS as much as you can, and use HTML Tidy (or another HTML cleaning program) to clean up your HTML. Don't ignore the extra bandwidth taken by CSS, though, and try to keep that as small as possible too.
In many cases, a simple cleaning-up process can reduce the download size by your pages by as much as half – it's especially effective for pages that contain long articles, because of the number of unnecessary tags many editors insert at the start of new paragraphs.
Switch Web Hosts.
Finally, you might find that, despite your website's small download size, it still loads slowly. In these cases, your web host may be to blame. Test from a few different connections and computers to make sure, and try putting up a completely different page to test the speeds – but if it's consistently bad, then it may be time to move hosts. You should, however, email your host about the problem first and give them a week or so to fix it, as they may just be having short-term problems.
When you're switching to a host to try to get a good speed, you might want to consider looking around at sites that are already hosted by them. The best way to do this is to do a search for "hosted by [host's name]" (with the quote marks), as many sites will write who they're hosted by on one of their pages – you can then check a few sites out to see whether they're generally fast or slow.
|
|
Web Design
Home Page
FrontPage: Easy Pages.
The Many Flavours Of HTML.
The Smaller, The Better: Avoiding Graphical Overload.
Making Searches Simple.
Is It Easy To Create Our Own Website? What Is HTML?
ColdFusion: Quicker Scripting, At A Price.
The Top 10 Biggest Web Design Mistakes.
Offering Free Downloads On Your Website.
Opening A Web Shop With E-Commerce Software.
|
Web Design
5 Steps To Understanding HTML.
... can use the strict ones instead by changing the words 'transitional' and 'loose' to 'strict'. But what is the doctype for? Well, its purpose is simple enough: it tells web browsers exactly what version of HTML your page was written in, to help them to interpret it correctly. Step 2: Understand HTTP Errors. ...
Writing For The Web.
... linking when you could, you're not writing for the web. Make Everything Independent. On the web, you can't be sure that your text is always going to be seen together. Maybe your headline will be listed in an index of headlines. Perhaps your intro will be next to it. You just can't be sure. In every case, ...
Why Word Is Bad For The Web.
... caught on that the web was going to be big, they quickly added web features to Word, not least of which is the ability to save documents to HTML. Unfortunately for the rest of the world, though, Microsoft again failed to stick to any standards at all. They made up their own HTML tags to represent the ...
Designing For Search Engines.
... pay no attention to them any more when it comes to ranking your site, but they're still important in one way: the meta description tag is still often used to decide what text search engines' users see when they find your site in their results! This can be just as important as the ranking itself write ...
FrontPage: Easy Pages.
... FrontPage is only really any good when it comes to designing static pages. FrontPage Templates. One of FrontPage's strong points, however, is that it has an easy-to-use templating system. This means that you can download templates and easily use them to create new pages in FrontPage. It will create a ...
| |