Professional PHP

PHP Programming, Web Development, PHP Advocacy and PHP Best Practices.
« PHP Security Ramblings
Design Eye for the Usability Guy »

Web Page Loading Performance

May 17th, 2004

Dave Hyatt provides a glimpse into factors influencing web page load times for safari and the mozilla based browsers. This is something that I think every web page designer and developer should be aware of.

There is a tendency in web development to focus on the amount of time it takes for the web server to generate a response for a page. Yet, this is not the largest portion of elapsed time to load a page as perceived by users. (unless you’ve messed up with server capacity). The largest time is data transfer and render time. This is especially true for users with dial-up access or older machines.

I know from personal experience that there is a strong business case for designing your pages for faster browser render times. I was able to double the average site usage per visit originating at the home page for a client’s site by optimizing the incremental load time and layout of the home page. This was an advertising supported site. More usage meant more revenue.

Because I am a rural dial-up user myself, I found the problem was that users with slow configurations or machines were simply closing the site or hitting back, rather than waiting for it to load or scrolling past the useless crud at the top of the page. Users were giving up before they reached what I’ll call the PUID: The point of useful information display.

My solution was to reduce the amount of time it took to reach the PUID. I structured the page for incremental rendering times so that browsers could render the portion “above the fold” as quickly as possible and made sure that space held useful information. The content and total load time for the page did not change much, only the layout and underlying HTML, Javascript and CSS.

I am a server application developer, not a web designer, so perhaps this type of stuff is old hat for the really good designers. Unfortunately, I have not found an abundance of information such as Hyatt is offering and certainly no comprehensive treatment of the topic.

Filed Under

  • Web Design

Related Posts

  • Yahoo YUI wins JavaScript Library Wars
  • Faster Page Loading
  • Flawed Microbenchmarks
  • Firefox Extensions for Web Developers
  • Benchmarking PHP’s Magic Methods
You can leave a response, or trackback from your own site.

3 Responses to “Web Page Loading Performance”

  1. Faster Page Loading - Professional PHP says:
    10/31/2006 at 3:31 pm

    [...] I wrote about web page loading performance a while ago, when I linked to Dave Hyatt’s most excellent explanation of the issues involved with testing page load speed. In fact the Safari browser blog endorses Aaron Hopkins article and mentions how to measure page loading times in Safari using the debug menu. [...]

  2. Rick Ricardo says:
    11/6/2006 at 5:18 pm

    Why is it so impossible to make everything?

  3. Scott says:
    8/5/2007 at 2:42 pm

    My pages load fast enough, but how to you tell the browser to ‘wait’ until the page is fully loaded before it is displayed?

    I don’t like how my pages load in a piece at a time.

    Thanks.

Leave a Reply

Click here to cancel reply.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

code: use [code=php][/code].

Comment Preview

    Subscribe Feed
    Share Subscribe to this blog…
    Share Bookmark or share this page…
  • About

    My name is Jeff Moore. I'm a PHP programmer living in San Francico and working for a startup.

    More about me…

  • Categories (Home)

    • Agile Methods (14)
    • Mac (14)
    • Misc (17)
    • Open Source (14)
    • PHP (98)
    • Software Design (29)
    • Usability (14)
    • Web Design (20)
  • Recent Comments

    • flickr case study  3
      bookmarking demon software, php-trivandrum.org, Harry Fuecks
    • rsync to remote server via ssh  7
      Burton Haynes, James, Mike [...]
    • Yahoo YUI wins JavaScript Library Wars  10
      Lera Bride, Scott, Jeff [...]
    • OOP is Mature, not Dead  15
      Avery Depew, Fernando, deltawing [...]
    • Ruby versus PHP or There and Back Again  10
      Solar Pumps, Amsterdam, Hari K T [...]
    • Looking Towards the Cloud  22
      Driver License, Jamel Sawyer, enculez. [...]
    • ZendCon: Writing Maintainable PHP Code  8
      IT Ninja, nicopico, Arif [...]
    • Jason Sweat's Blog  1
      Stop Sweating
    • PDO versus MDB2  13
      Gavin, stot, Dapra [...]
    • Why PHP is easier to learn than Java  14
      Ian, , [...]
  • Recent Posts

    • ZendCon: Writing Maintainable PHP Code
    • Looking Towards the Cloud
    • Holiday Tech Support
    • Closures are coming to PHP
    • php | tek Wrapup
    • php | tek 2008
    • Sarah Snow Stever
    • Benchmarking PHP’s Magic Methods
    • The Endpoints of the Scale of Stupidity on Video
    • Working with PHP 5 in Mac OS X 10.5 (Leopard)
  • Site

    • Archives
    • Log in
  • Search