Basic ways to speed up your website.

Discussion in 'HTML & Website Design' started by Rifat, Mar 28, 2006.

  1. #1
    Speed is certainly one of the most important factors when it comes to making a successful web site. These days’ people have high expectations, they expect a web site to load as fast as an application on their operating system, and therefore even a few seconds of waiting can frustrate them or leave altogether.

    A good website should take about 8-12 seconds (for a 56K) to load. The website owner is going to have to decide how fast its pages are going to be, for example for a multimedia or a flash site they can afford to be a bit slower than others provided that the users know the nature of the site.

    If you're curious as to how fast you're website is here are two websites that checks your speed:

    http://www.vertain.com/?sst
    http://www.websiteoptimization.com/services/analyze/

    Ways to speed up your website

    HTML issues:

    - Use CSS where possible: Because pages with stylesheets load faster than those web sites designed with font tags and tables, and also it's much faster and easier to make changes. (Some resources on CSS – http://www.w3schools.com/css/default.asp, http://www.websitetips.com/css/, and http://www.glish.com/css/)

    - Stay clear of nested tables: Nested tables are basically tables within tables, but too many of theses can really slow down the browser. When a page loads the browser starts from the top and goes down in a consecutive manner, with nested tables it has to find the end of the table before it can display the entire thing.

    - Specifying height and width: For tables and images it's a good idea to specify their height and width, as it helps out the browser and therefore speeds up the process.
     
    Rifat, Mar 28, 2006 IP
  2. sacx13

    sacx13 Active Member

    Messages:
    438
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    58
    #2
    Another very important think is to optimize your images, trying to have a good quality per size ratio.

    Best Regards
    Adrian
     
    sacx13, Mar 29, 2006 IP
  3. 87654321

    87654321 Well-Known Member

    Messages:
    317
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #3
    Great links, thanks
     
    87654321, Mar 29, 2006 IP
  4. Rifat

    Rifat Guest

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Page size:

    - Reduce the number of images where possible: Most common causes of slow web pages are images, but they are also the easiest to fix. Try to eliminate repeat and unnecessary images, so they are not downloaded the second time. And also try not to use images for words, unless it's absolutely necessary reason being the download time and also they can't be searched.

    - Reduce the size of images: Everybody uses different techniques (e.g. converting to JPEG), but as long as the images are compressed it's beneficial for everyone.

    - Remove unnecessary multimedia: This includes video, audio, flash and animation, if it isn't important then it shouldn't be on the page.

    - Remove unnecessary scripts: Some codes can slow down the site, consider evaluating the codes and making them better if possible.

    - Remove unnecessary META tags and META content: META tags don't achieve very much anymore, people used them for search engine optimization but due to misuse they don't hold much importance in SEO.
     
    Rifat, Mar 31, 2006 IP
  5. Rifat

    Rifat Guest

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Good tip, what programs would you recommend for optimizing a picture?
     
    Rifat, Mar 31, 2006 IP
  6. Rifat

    Rifat Guest

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    No worries :)
     
    Rifat, Mar 31, 2006 IP
  7. rubeina

    rubeina Invisible Staff Affiliate Manager

    Messages:
    2,274
    Likes Received:
    428
    Best Answers:
    0
    Trophy Points:
    295
    #7
    Interesting, will try these thanks.
    For optimizing picture I use Fotocanvas from ACDSee, quality is good.
    But I think most poeple use Photoshop.. a bit complicated for me.. :D
     
    rubeina, Mar 31, 2006 IP
  8. 87654321

    87654321 Well-Known Member

    Messages:
    317
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #8
    how do you optimize (reduce image size retain quality) using Fotocanvas from ACDSee. Is there a tutorial somewhere?
     
    87654321, Mar 31, 2006 IP
  9. BWDOW

    BWDOW Guest

    Messages:
    210
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #9
    If you have great traffic sometimes your web site can be unreachable. Use a powerfull host.
     
    BWDOW, Mar 31, 2006 IP
  10. blinky55

    blinky55 Banned

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    It also depends on the host and wheather ther host overloads the servers, at 3dgamics.com/store we dont so its guranteed speed.
     
    blinky55, Mar 31, 2006 IP
  11. sacx13

    sacx13 Active Member

    Messages:
    438
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    58
    #11
    Photoshop or any other program what know to change color type of the picture... If you have a picture with no more than 256 colors try to use web optimized palete ...

    Regards
     
    sacx13, Apr 1, 2006 IP
  12. puknene

    puknene Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    i use ulead smartsaver pro... works fine for my graphics....
     
    puknene, Apr 5, 2006 IP
  13. Rifat

    Rifat Guest

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Web host:

    - Bandwidth: Make sure you have enough bandwidth allocated, it's a good idea to attain more bandwidth then needed just in case of a sudden rise in traffic.

    - Capacity of severs: There's a limit as to how many people can access your website so once again if your web site is growing in traffic, you should consider upgrading your service.

    These are just some of the basics to speed up your website, there are many other ways you can reduce download time for your website. If you have any other tips please feel free to post.
     
    Rifat, Apr 6, 2006 IP
  14. Rifat

    Rifat Guest

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Thanks for the input guys. Appreciate it
     
    Rifat, Apr 6, 2006 IP
  15. jackburton2006

    jackburton2006 Peon

    Messages:
    5,296
    Likes Received:
    282
    Best Answers:
    0
    Trophy Points:
    0
    #15
    Most of my sites are intolerably slow, but I've come to grips with it, because of the content I supply takes time to load. I'm sure I lose potential visitors, but according to site stats, 80% of my visitors are on broadband... Anyways, my thinking is that, if your site has content to justify the slow load time, people are more willing to swallow the slight wait.
     
    jackburton2006, Apr 6, 2006 IP
  16. alstefani

    alstefani Peon

    Messages:
    44
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    If you hosting on windows you can enable http compression for your website. Makes a page load about 3-5 times faster. If you don't have access to the server you can compress html with this tool: http://www.freesoft.fsnet.co.uk/html01.htm
    What this tool does is cleaning up white space and unecessary html markup. My homepage for example : www.truelending.com loads in less than 2 seconds using both options.
     
    alstefani, Apr 6, 2006 IP
  17. kashem

    kashem Banned

    Messages:
    1,250
    Likes Received:
    76
    Best Answers:
    0
    Trophy Points:
    0
    #17
    Avoid Anything you do not need:
    Avoid Nested Table
    Avoid Full Page Tables
     
    kashem, Apr 6, 2006 IP
  18. Rifat

    Rifat Guest

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    Exactley, if it's made clear to the user what kind of a website it is like for example a Flash Media one then they would usually understand and wait.
     
    Rifat, Apr 7, 2006 IP
  19. Rifat

    Rifat Guest

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #19
    Interesting, I haven't heard about this yet. Thanks
     
    Rifat, Apr 7, 2006 IP
  20. brian394

    brian394 Well-Known Member

    Messages:
    226
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #20
    If you want to speed up your website I would recommend...

    1.) Removing all whitespace (this includes returns, tabs, spaces, etc.). There are automated tools that can do this for you (try searching for httpZip or HTMLCompact on Google). This can usually reduce the size of your page by about 10-20%.

    2.) I would also recommend using PHP and something called ob_gzhandler. You use it like this...

    <?php

    ob_start("ob_gzhandler");

    ?>

    You put that at the very top of your PHP page and it compresses your entire page using gzip compression. It can usually shrink a 60kb page to around 7-8kb (but only if the browser viewing the page supports gzip decoding). If the browser doesn't support gzip decoding, it simply sends the full page instead. You can learn more by searching for ob_gzhandler in Google.
     
    brian394, Apr 8, 2006 IP