How to dispose of unwanted Christmas GIFs

No, it wasn’t a typo. We’re talking about huge, Christmas-related animations that slow web pages down. We’ve come across a few this year, including a 640KB GIF that depicted snow falling over a static, photographic backdrop.

Sometimes, animated GIFs will be the right tool for the job. For example, they can be perfect for very small, simple animations, such as a spinning wheel. However, for banners that take up significant chunks of the screen, there are better ways.

To test the point, we tried a simple experiment – how would the performance of an animated GIF stack up against a CSS solution?
Continue reading

Web performance and HTML5/CSS3

For many of us, HTML5 and CSS3 represent a huge leap forward. For years, we’ve been using a selection of hacks, tricks and plugins to get our websites to behave the way we want them to. Our demand for functionality has been running far ahead of standards.

Not any more. At least not to the same extent. HTML5 and CSS3 have made the life of many web developers immeasurably easier. We can now use a simple attribute or CSS declaration to achieve results that once required hundreds of lines of JavaScript.

But fewer sleepless nights for web developers are not the only benefit. The fact that browsers can now do so much more natively means that fewer bytes need to be transmitted between server and client. It also means fewer round-trips, as more websites can do without extra JavaScript files or images. In short, HTML5 and CSS3 should mean better performance.
Continue reading