Archive for the 'performance' Category

Give PNG a chance

Dec 13th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 13 This post is part of the 2009 performance advent calendar experiment. Stay tuned for the articles to come. People are often afraid to use PNG because they think that: a/ it doesn’t work in all browsers, or b/ filesizes are bigger than GIF […]

 

Big list of image optimization tools

Dec 12th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 12 This post is part of the 2009 performance advent calendar experiment (12 articles down, 12 more to go). Stay tuned for the articles to come. Let’s continue the topic of reducing file sizes started with the previous post and talk about making images […]

 

Reducing the payload: compression, minification, 204s

Dec 11th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 11 This post is part of the 2009 performance advent calendar experiment. Stay tuned for the next articles. After removing all the extra HTTP requests you possibly can from your waterfall, it’s time to make sure that those that are left are as small […]

 

Caching vs. inlining

Dec 10th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 10 This post is part of the 2009 performance advent calendar experiment. Stay tuned for the next articles. Looking back at the life of Page 2.0. and all the opportunities for optimization, the posts I’ve put up so far as part of this advent […]

 

Duplicates and near-duplicates

Dec 9th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 9 This post is part of the 2009 performance advent calendar experiment. Stay tuned for the next articles. One of Yahoo!’s first batch of performance best practices has always been “Avoid duplicate scripts” (check Steve Souders’ post). Later we added “… and styles”. This […]

 

Collecting web data with a faster, free server

Dec 8th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 8 This article is part of the 2009 performance advent calendar experiment. This is also the first ever guest post to this blog. Please welcome the world-famous Christian Heilmann! And stay tuned for the next articles. Chris Heilmann is a self confessed data junkie […]

 

Data URIs, MHTML and IE7/Win7/Vista blues

Dec 7th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 7 This is the seventh in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. UPDATE: While this post is an interesting study, the problem it solves turns out to be much simpler. […]

 

The pain points of having fewer components

Dec 6th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 6 This is the sixth in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. Last night I talked about the benefits of reducing the number of page components and the resulting elimination […]

 

Reducing the number of page components

Dec 5th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 5 This is the fifth in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. Let’s talk a but about waterfall optimization – the first thing that happens in Mr.Page’s life. The best […]

 

Psychology of performance

Dec 4th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 4 This is the fourth in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. Measuring time is an important activity in your performance efforts. After all, how else would you know if […]

 

Required reading

Dec 3rd, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 3 This is the third in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. There’s a number of performance rules and best practices that every web developer should know. Some of them […]

 

Performance tools

Dec 2nd, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 2 This is the second in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. While theoretically you can speed up your site by just blindly following advice from this blog and other […]

 

The performance roadmap

Dec 1st, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 1 This is the first in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. As you’ve probably heard (and maybe all too often), we live in Web 2.0. This may mean different […]

 

Performance Advent Calendar 2009

Nov 30th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved I like 24ways.org’s idea of a webdev advent calendar – publishing one article per day from Dec 1st to Dec 24. I thought it would be cool to have the same thing on web performance topics. Our young performance community would benefit from a year-end […]

 

Statsy – more data points for markup quality

Nov 30th, 2009

In the spirit of the content-to-markup ratio bookmarklet, here’s another one that gives you some more data points to help you judge the quality of a page’s markup and help answer the old question – where does all this page weight go. Install the statsy bookmarklet Drag this link to your bookmarks: statsy the results […]

 

@font-face gzipping – take II

Oct 20th, 2009

Since my previous post on @font-face and gzipping, Paul Irish has asked (and so has @KLTF) what about WOFF? WOFF is a newer format with built in compression and ability to store meta data. So I took this stnf2woff utility and converted all the TTF and OTF files from my previous tests to WOFF. Below […]

 

Gzip your @font-face files

Oct 10th, 2009

Adding custom fancy fonts to a web page seems to be all the rage these days. Looking at some examples with Net panel on, I saw some of those font files are 100K which is a pretty big price to pay for an ornament like this. I mean you can build whole pages, with fancy […]

 

CSS munging – a FAILed experiment

Oct 3rd, 2009

Not sure if I’ve ever put that in writing, but CSS irks me with its verboseness. I mean things like: background-position, padding-bottom, text-decoration… those are long property names, repeatedly used in stylesheets. And there’s pretty much nothing you can do about them in terms of minification, it’s not like they are variables in JavaScript which […]

 

cssmin.js

Sep 23rd, 2009

cssmin.js is a JavaScript port of YUICompressor’s CSS minifier. The motivation Minifying CSS helps reduce file sizes and makes your pages faster and your users happier. YUICompressor is cool but is written in Java, which can be a blocker for some folks – you know JVM, command line, classpaths… No more excuses, now you have […]

 

Ignite Velocity: Image Weight Loss Clinic

Sep 2nd, 2009

A few months ago I gave a 5 minute Ignite talk at the Velocity conference. (My previous post talks about the Ignite experience.) I thought they recorded the video and wanted to share but seems like it’s not happening. So below are the slides from slideshare. The ignite talk rules are: 20 slides that change […]

 

Sorting CSS to reduce gzip file sizes?

Sep 2nd, 2009

Yesterday I came across this post (via Ajaxian), it talks about how you might be able to end up with smaller file sizes (after gzipping) if you help gzip a little bit by sorting the CSS properties and values in stylesheets, so they are as similar and close to each other as possible. Now obviously […]

 

The art and craft of postload preloads

Aug 27th, 2009

What can your tired old page, once loaded and used and read, can do for your user? It can preload components needed by the next page, so when the users visit the next page, they have the new scripts, styles and images already in the cache. Next page loads faster and the user’s happy. On […]

 

“Don’t make me wait” – slides from my eBay tech talk

Aug 19th, 2009

Here are the slides from a tech talk I gave at eBay last week, I called it “Don’t make me wait! or how to build high-performance web apps”, inspired by, you guessed it, the excellent book “Don’t make me think” by Steve Krug. There’s some intimate details on YSlow’s scoring algo towards the end and […]

 

Installing a bunch of PNG tools on the Mac

Jun 12th, 2009

This is one of those note-to-self type of posts. Just went through the exercise of installing a number of PNG tools on the Mac and here are some notes. The instructions below should probably work on any unix box. AdvDef, AdvPng, … There is a number of Adv* tools (advdef, advpng, advmng, advzip) packed together […]

 

Slides from JSConf

Apr 28th, 2009

I’m back from the most excellent JSConf (JavaScript Conference) in Washington D.C. I’m tired and need sleep but the conference was, hands down, the best conference I’ve ever attended. It was all about the community, it was inexpensive, with parties all around, both speakers and attendees were treated exceptionally well, in fact there wasn’t a […]