homepage Welcome to WebmasterWorld Guest from 54.198.42.213
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Visit PubCon.com
Home / Forums Index / WebmasterWorld / Accessibility and Usability
Forum Library, Charter, Moderators: ergophobe

Accessibility and Usability Forum

    
Page Size: Effects on page performance and user interaction
pageoneresults




msg:3472774
 2:48 pm on Oct 9, 2007 (gmt 0)

Let's say you have the technical aspects covered in regards to server performance. Let's also assume that your audience is average and that there are still a respectable number of users below DSL/Broadband speeds. At what point does a page become too big? 100k? 200k? 500k? 1MB?

 

cmarshall




msg:3472786
 3:00 pm on Oct 9, 2007 (gmt 0)

There's been a heck of a lot of stuff written about this.

I use a tool [websiteoptimization.com] to measure my pages that has a lot of limits encoded into it as to what is a good speed/page size, etc.

tedster




msg:3472804
 3:15 pm on Oct 9, 2007 (gmt 0)

That is the same tool that's built into the FireFox Web Developer extension. I find it somewhat useful, but sometimes it can be quite misleading, too.

There are two different but related issues here: total page weight (including images, external scripts, css images etc) and file size of the html alone. Since the informative text is usually in the html, using source-ordered code can make a big difference and put the unique information on the screen before all the pretty stuff is downloaded. The page can have many elements that are downloading and still be highly usable.

I personally aim for as low as possible - under 10kb of html and under 70kb total page weight is still my ideal, but many designers and developers are having none of that. Their loss, I say.

I start to freak out whenever html tops 40kb or page weight goes into the 150-200kb area. I recently saw some stats that 40% of users are still on dial up. Watch out for sneaky stats here - I care about counting users, not "hours online" which can be highly distorted since broadband users are always on.

Fast downloading pages have always been a secret weapon commercially, and they are even moreso today.

iamlost




msg:3473248
 11:57 pm on Oct 9, 2007 (gmt 0)

I am one of those 'remnant' dial-up users. It serves as a constant reminder to develop tight and smart.

All those sidebars, ads, and scripts loading and loading and still waiting on some third party script(s) with not a bit of content showing...immediate 'back and gone'. Making me wait does not increase my ad awareness just my bad design awareness.

I see three concerns (one upping tedster):
* the page HTML: the only times I've seen a site-wide problem is with some horrible CMS or HTML generator creating unbelieveable unnecessary code crap. Almost always nested tables with in-HTML presentation, i.e. font tags, etc.

* the external first-party images and scripts: not optimizing images for the web and running scripts before page load are regrettably common.

* third party scripts: analytics and ad programs are the biggest offenders frequently grinding away holding up content appearance sometimes until page timeout. Yes I know it is not a 'size' problem but poor scripting design really is an even bigger one.

As tedster mentions source ordered code is a life saver on dial-up, as are optimised images, having an absolute minimum of client-side scripting and running as many as possible last. Your code can be tight but a poorly designed or placed script can negate all your optimising.

Indeed the script problem is so widespread I browse with js off. Which highlights usability problems on many sites...

cmarshall




msg:3473253
 12:08 am on Oct 10, 2007 (gmt 0)

Well, this conversation made me go back to the site I'm developing, and run some optimizers. I ran my CSS and JS through PHP files that "clean" them. I was planning on doing it anyway, but this was a glove on the floor. I couldn't ignore it.

This took my index page from 140 KB to 70 KB. That was just stripping the comments and extra lines and whatnot from the JS and CSS under my control. There's other JS and CSS that is not under my control.

I'll look at some of the other stuff, and see if I can figure a way to further strip code.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / Accessibility and Usability
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved