Performance


Cover performance, scalability, benchmarks, etc.


Friday, April 8th, 2011

Best Practices for test revisited

Category: Ajax, Performance, Testing

With Google and their apps like Search, Docs or GMail only a very small time is actually spent in the initial page load, writes Andreas Grabner in a recent blog post. Of course, much time is spent in JavaScript, XHR Calls and DOM Manipulations triggered by user actions. Grabner writes: It is very important to Read the rest…

Posted by jvaughan at 12:08 pm
Comment here

++++-
4 rating from 95 votes

Wednesday, September 22nd, 2010

HTML5 Link Prefetching

Category: HTML, Performance

From David Walsh comes a good writeup on the HTML5 link prefetch tag: HTML4 < view plain text > <!– full page –> <link rel="prefetch" href="http://davidwalsh.name/css-enhancements-user-experience" />   <!– just an image –> <link rel="prefetch" href="http://davidwalsh.name/wp-content/themes/walshbook3/images/sprite.png" /> You use the link tag to do prefetching, setting the rel to “prefetch” and giving the URL to Read the rest…

Posted by Brad Neuberg at 6:00 am
4 Comments

+++--
3.4 rating from 7 votes

Tuesday, September 7th, 2010

WebPagetest and PageSpeed join up via PageSpeed SDK

Category: Performance

Steve Souders just pointed me to the great news that two great open source performance projects are working well together: Pat Meenan just blogged about Page Speed results now available in Webpagetest. This is a great step toward greater consistency in the world of web performance, something that benefits developers and ultimately benefits web users. Read the rest…

Posted by Dion Almaer at 12:47 pm
2 Comments

++---
2.3 rating from 3 votes

Sunday, August 22nd, 2010

Want to pack JS and CSS really well? Convert it to a PNG and unpack it via Canvas

Category: Canvas, Performance

Jacob Seidelin of nihilogic fame (remember his Super Mario in JavaScript solution) is one of my unsung heroes of JavaScript. His solutions have that Dean Edwards “genius bordering on the bat-sh*t-crazy” touch that make you shake your head in disbelief when they come out but later on become very interesting. One of his posts from Read the rest…

Posted by Chris Heilmann at 2:30 pm
19 Comments

+++--
3.8 rating from 4 votes

Wednesday, August 18th, 2010

When does JavaScript trigger reflows and rendering?

Category: CSS, Performance

Thomas Fuchs has some good performance things to say reflows and rendering. A video of wikipedia gives you an idea of how much happens when a basic page is rendered: The advice? The important thing is to always remember that reflowing and rendering HTML is the single most expensive operation browsers do. If your page Read the rest…

Posted by Michael Mahemoff at 6:26 am
9 Comments

++++-
4 rating from 4 votes

Monday, July 26th, 2010

Canvas Color Cycling

Category: Canvas, Games, Graphics, Performance

Interest in Canvas, as well as mobile apps, has led to a renaissance of old-school 8-bit graphics. Joe Huckaby of Effect Games has been playing around with color cycling, leading to some stunning effects. Anyone remember Color cycling from the 90s? This was a technology often used in 8-bit video games of the era, to Read the rest…

Posted by Michael Mahemoff at 7:21 pm
13 Comments

++---
2.6 rating from 7 votes

Wednesday, June 30th, 2010

IE9 gets a Web Timing API to measure performance

Category: IE, Microsoft, Performance

Web site performance is a very important topic. We should not let our end users wait for our sites and optimizing them for load time and rendering can save us thousands of dollars in traffic. There is a lot of great content out there on performance (spearheaded by Yahoo a few years back). When it Read the rest…

Posted by Chris Heilmann at 3:15 am
1 Comment

+++--
3 rating from 2 votes

Wednesday, June 16th, 2010

JSKB: JavaScript Knowledge Base. Shrinking your code via BrowserScope and Caja

Category: Performance

We have a screwed up tensions on the Web. The size of your source code really matters for performance. The larger your .js…. the longer it takes it to get down the pipe. This has a perverse incentive to write terse uncommented code. Add to this the problem of having to work cross browser, and Read the rest…

Posted by Dion Almaer at 8:16 am
10 Comments

+++--
3 rating from 2 votes

Tuesday, June 15th, 2010

Y.preload: load before execution

Category: Performance

Caridy Patino has posted on a new YUI3 module for preloading of content, implementing Stoyan’s ideas. You can now strap on some preloading goodness to your YUI application: javascript < view plain text > YUI({     //Last Gallery Build of this module     gallery: ‘gallery-2010.05.05-19-39′ }).use(‘gallery-preload’, function(Y) {   Y.preload ([     Read the rest…

Posted by Dion Almaer at 6:13 am
Comment here

+++--
3 rating from 1 votes

Friday, June 11th, 2010

How fast does FIFA.com score a goal?

Category: Performance

It’s the World Cup again. Being a Brit, I am on tender hooks with the first England game coming up tomorrow with the USA. A family feud for me. We start to see great microsites such as the Twitter @worldcup site, and as we think about what the fastest goal will be… what about the Read the rest…

Posted by Dion Almaer at 12:30 pm
7 Comments

++++-
4 rating from 1 votes

Thursday, June 10th, 2010

Facebook has a BigPipe to smoke competitors on performance

Category: Facebook, Performance

Remember a time when you would make fun of Facebook for having such poor performance? You would see 400 scripts that would be loading, some of which that would have code for no reason. That was in the distant past now. Makinde Adeagbo gave that great talk at JSConf about the copious amount of code Read the rest…

Posted by Dion Almaer at 6:10 am
14 Comments

+++--
3.5 rating from 12 votes

Friday, June 4th, 2010

Fuchs-ing an iPad HTML5 app for performance

Category: Performance

Thomas has a great post today on how he took the lovely Every Time Zone HTML5 app for the iPad and went deep to make it perform smoothly to match its beauty. He has documented what he did: Canvas optimizations over images: Thomas found out that using -webkit-gradient produces images which slow down the rendering Read the rest…

Posted by Dion Almaer at 11:45 am
1 Comment

++++-
4 rating from 1 votes

Tuesday, June 1st, 2010

ShowSlow monitors your YSlow and Google Page Speed scores

Category: Performance

Show Slow has a great new feature. Sergey Chernyshev and team now monitor your YSlow and Page Speed stats: Show Slow will fire YSlow and Page Speed at your site and collect statistics on a daily basis so you can just sit back and enjoy the graphs! You can also check out the Alex 100 Read the rest…

Posted by Dion Almaer at 6:25 am
7 Comments

+++--
3 rating from 1 votes

Thursday, May 27th, 2010

Canvas optimization tip: Get image data as infrequently as possible

Category: Canvas, Performance, Tip

We have learned to touch the DOM as little as possible for performance sakes. Batch up changes, and do one call to innerHTML say. Talk over the evil boundary of the DOM as infrequently as possible. Well, Selim Arsever has found a similar tip for Canvas that caused a ~40% performance improvement on some of Read the rest…

Posted by Dion Almaer at 7:01 am
9 Comments

++++-
4.5 rating from 2 votes

Thursday, May 6th, 2010

iPad JavaScript Shockingly Slow?

Category: JavaScript, Mobile, Performance

Douglas “My Guns Are Bigger Than Yours” Crockford sent us a pointer to Moonwatcher’s post on entitled “My MacBook Pro runs JavaScript 26.7x as fast as my iPad“. After Moonwatcher ran SunSpider on the iPad, he concluded: It’s one thing not to be able to run Flash apps. But JavaScript performance like this effectively means Read the rest…

Posted by Ben Galbraith at 6:00 am
27 Comments

++---
2.3 rating from 3 votes

Monday, May 3rd, 2010

Page Speed SDK released; HAR to Page Speed tool created

Category: Performance

Releasing the Page Speed SDK (all open source) is one step closer to having a common performance metric across all web development tools and environments. Imagine being able to get the same performance analysis results from Firebug, Web Inspector, HttpWatch, Fiddler, Keynote, and Gomez. This will help us develop a common vocabulary and bring more Read the rest…

Posted by Dion Almaer at 6:55 am
Comment here

++++-
4 rating from 2 votes