Reducing Downloaded Images with Flexslider

A jQuery-based method for avoiding downloading carousel images until they’re requested:

I’ve implemented something like this before, and would recommend making it fetch the “next” and “previous” images instead of the one actually being requested, to make sure the image is available when it slides onto stage, but an interesting method (using HTML Comments, rather than simply hiding via CSS, which doesn’t work the same everywhere).


Case study: How effective are CDNs for mobile visitors?

The goal was to demonstrate the acceleration benefit (in terms of bytes in, start render time, document complete time, connections, and resources) of each practice for a typical 3G mobile user.

Magnific Popup, A Truly Responsive Lightbox

A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup, an open-source lightbox plugin focused on performance.

Shame they didn’t incorporate touch swipe events…

Nginx performance tips using ngx_pagespeed

With PageSpeed enabled, we shaved 1.57 seconds from our average page load (seen above), dropped our bounce rate 1%, and our exit percentage 2.5%.

While those numbers may not look like much, when you put them on an enterprise-level site, and start thinking of $$$, they start to look a little more impressive…

jQuery 2.0 Arrives, Without IE6/7/8 Support, and With Custom Build Option

The fact that jQuery 2.0 is now available is no longer news, and the fact that it no longer supports IE<9 is also not news (version 1.9.1 does still support those legacy browsers).

But one of the strongest features, I think, is the custom build option for 2.0! With this option, you can shrink jQuery down to less than 10kb (compressed).

That’s HUGE! Er, small… Well, you know what I mean…