Data URIs, MHTML and IE7/Win7/Vista blues

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. […]

December 7th, 2009
Tags: CSS, IE, images, performance, php

The pain points of having fewer components

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 […]

December 6th, 2009
Tags: performance

Reducing the number of page components

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 […]

December 5th, 2009
Tags: CSS, images, JavaScript, performance

Psychology of performance

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 […]

December 4th, 2009
Tags: performance

Required reading

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 […]

December 3rd, 2009
Tags: performance

Performance tools

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 […]

December 2nd, 2009
Tags: performance, php, tools, yslow

The performance roadmap

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 […]

December 1st, 2009
Tags: performance

Performance Advent Calendar 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 […]

November 30th, 2009
Tags: images, performance

Statsy – more data points for markup quality

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 […]

November 30th, 2009
Tags: bookmarklets, CSS, JavaScript, performance

Flipity flop – mmm.phpied.com

Randomly browsing something on the iPhone it occurred to me that people could prefix their mobile sites with “mmm” instead of “m” or “i”, as in mmm.mysite.tld. It’s longer, true, but I don’t think it will take longer to type three m’s instead of one. And it’s funny – mmm, it’s like www. Only… flipped. […]

November 19th, 2009
Tags: CSS, Fun, WordPress

Open source CMS award 2009

It’s this time of the year again – the Packt open source CMS awards. Yours truly has been in the jury in the past two years in the “PHP CMS” category, this time I was selected to judge in the “Other” category. So I had the pleasure of reviewing 5 non-PHP content management systems. Very […]

November 5th, 2009
Tags: CMS

@font-face gzipping – take II

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 […]

October 20th, 2009
Tags: CSS, font-face, performance

Browser’s implied globals

Like it’s not bad enough that JavaScript has implied globals (forget var and you create a global), but the browsers have decided it’s a good idea to add more pollution to the global namespace. This has been a source of frustration before with IE, it’s really hard to understand the logic behind it, but it’s […]

October 20th, 2009
Tags: browsers, firefox, IE, JavaScript

Gzip your @font-face files

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 […]

October 10th, 2009
Tags: CSS, font-face, performance

CSS munging – a FAILed experiment

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 […]

October 3rd, 2009
Tags: CSS, performance

cssmin.js

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 […]

September 23rd, 2009
Tags: CSS, JavaScript, performance, yui

Help write the lyrics to “Give PNG a chance”

As you know yours truly is a guitar hero wannabe. So I’m playing with the idea of recording a song/video called “Give PiNG a Chance”, cover of “Give peace a chance”. Hopefully whoever hears it will then think twice before saving a GIF instead of PNG. Imagine. And the web will be as one… 😀 […]

September 3rd, 2009
Tags: Fun, images, Music, Web1.0

JavaScript shell scripting

As you probably know, JavaScript is not limited to the browser. There’s server-side JavaScript, JS for various extensions, you can script Photoshop operations with JavaScript if you feel like it. Or compile Windows executables. You see where I’m going with this. JavaScript is everywhere 🙂 And yes, you can do shell scripting in JavaScript. On […]

September 3rd, 2009
Tags: JavaScript

Ignite Velocity: Image Weight Loss Clinic

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 […]

September 2nd, 2009
Tags: images, performance, speaking

Giving an Ignite talk

I was asked to give feedback on what it’s like to give an ignite talk (for Scott Berkun’s new book) and I thought why not share in a blog post. I gave an ignite talk at this year’s Velocity conference and it was a wonderful experience. I don’t think the video was ever released so […]

September 2nd, 2009
Tags: speaking

Sorting CSS to reduce gzip file sizes?

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 […]

September 2nd, 2009
Tags: CSS, performance, yui

The art and craft of postload preloads

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 […]

August 27th, 2009
Tags: Ajax, CSS, images, JavaScript, performance

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

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 […]

August 19th, 2009
Tags: performance, yslow

Prayer to the God of Programming

Oh Almighty All-One (01), Grant me the courage   to embrace and early adopt new cool technologies, the serenity   to ignore distractions from new technology fads and the wisdom   to tell the difference. Muahaha 🙂 I believe the original is often attributed to Vonnegut, but I’m not sure he came up with it. I’m sure he […]

August 12th, 2009
Tags: Fun

Test post from YQL

It works! I can post from YQL — Update: The post above was a test posting from YQL. This is pretty cool! YQL (Yahoo Query Language) lets you do SELECTs from any service on the web. Actually doesn’t need to be a service, can be HTML (yes, scraping) or even plain text. Anything is data. […]

July 9th, 2009
Tags: WordPress, yahoo