• Tracking Events in Google Analytics

    Update (1/31/10): Scroll to the end of the post for an updated version of the code. A few weeks ago I wrote a post about tracking events in Google Analytics with jQuery. The solution I proposed worked but there was definitely room for improvement. The idea was to tag the links you wanted to track […]

    (12 Comments)

  • Event Delegation in jQuery and Performance (live vs bind vs other options)

    Back home in Massachusetts for the holidays.  Lots of snow and lots of cold.  And an uncommon spell of morning quiet time in which, while trying to think of a better way to capture events in Google Analytics, I ended up comparing and testing different options for handling events, most involving delegation and most involving […]

    (10 Comments)

  • Latency and Bandwidth Effects on data URIs in CSS

    Today’s post is just a quick one to share some data from bandwidth and latency tests I conducted on a page using CSS embedded data URIs. For the tests I used another free template from Smashing Magazine and set up the same scenarios as last time: Original: 1 HTML, 1 CSS in HEAD, 1 JS […]

    (1 Comment)

  • The Digital Magazine Concept (for an extra buck you can touch)

    Earlier this month, Time Inc pulled back the curtain on their “Manhattan Project” and revealed a prototype for a tablet-based digital magazine concept.  A few days later, Time Inc., Conde Nast, Meredith, the Hearst Corporation, and the News Corporation announced they were forming a consortium to build a platform for developing and distributing digital magazine […]

  • Data URIs for CSS Images: More Tests, More Questions

    Today we’re going to take another look at embedding data URIs in stylesheets.  For this example I’ve taken a free HTML/CSS template from Smashing Magazine and created 3 versions of a page. 1. The original. It consists of one HTML file, one CSS, one JS, and 31 images. Total HTTP requests: 34. Total size: 388KB. […]

    (42 Comments)

  • A Look at How Browsers Download and Render CSS Background Images

    Last week I wrote about using data URIs in stylesheets and how parallel downloads could be negatively affected in certain situations. The tests I ran got me thinking about background images, particularly how the browser downloads them in relation to the other components. After some Googling I was suprised to find very little information on […]

    (13 Comments)

  • CSS Images and Data URIs

    A few weeks ago I took a quick look at replacing the CSS images on this site with data URIs, via Nicholas Zakas’ handy CSSEmbed tool. I figured out I could serve the same amount of data with 1 HTTP request instead of 14. At face value it sounded like a huge performance gain: same […]

    (9 Comments)

  • Track Downloads and Other Click Events in Analytics with jQuery

    The old way to track clicks and outbound links in Google Analytics was to call the _trackPageview function on the click event, passing it a label that could then be searched for in Analytics. One of the problems with this method was that the clicks were counted as pageviews, affecting your total pageview number. Now […]

    (11 Comments)