Happy Pixels

Florian Loretan's blog on Drupal, creativity and more

performance

It is a well known fact that pages with many images load more slowly than simple HTML pages. Not only are image files heavier than text files, they also require additional HTTP requests.

In an attempt to solve both of these performance problems, I have created a new Drupal module: Imagilicious. Imagilicious replaces tags that reference an external image to be loaded with a 100% HTML rendering of the same image. Unlike immature technologies like the <canvas> element, Immagilicious uses tables, which guarantee compatibility even with the most outdated browsers.

Here is a sample of the output (no <img> is used, this is a table), using Wunderkraut's logo as a source image:

Right after I got my new appartment in Munich, I'm going to head off to Paris for DrupalCon. I'll be getting there a few days early to visit the city and meet with a few people, so let me know if you'll be around and want to pre-drupalize. I won't be presenting this time, so I'll have more time for everything else!

Subscribe to performance