A List Apart

Menu
Issue № 371

Improving UX Through Front-End Performance

by Lara Swanson · 31 Comments

Adding half a second to a search results page can decrease traffic and ad revenues by 20 percent, says a Google study. For every additional 100 milliseconds of load time, sales decrease by 1 percent, Amazon finds. Users expect pages to load in two seconds—and after three seconds, up to 40 percent will simply leave. The message is clear: we must make performance optimization a fundamental part of how we design, build, and test every site we create—for every device. Design for performance; measure the results.

The Era of Symbol Fonts

by Brian Suda · 43 Comments

Welcome to the third epoch in web performance optimization: symbol fonts. Everything from bullets and arrows to feed and social media icons can now be bundled into a single, tiny font file that can be cached and rendered at various sizes without needing multiple images or colors. This has the same caching and file size benefits as a CSS sprite, plus additional benefits we’re only now realizing with high-resolution displays. Discover the advantages and explore the challenges you’ll encounter when using a symbol font.

More from A List Apart

Columnists

The People are the Work

You take pride in your creativity and brilliant work, but the web is a place of transience. Businesses evolve, client needs change, sites are outgrown, and it’s time to start building again. Can you be content with the work of presenting content on the web? For an approach to creating something that stands the test of time, Matt Griffin and the Bearded crew took to heart an old adage in a surprisingly new way.

From the Blog

Thoughtful Modularity

What can we learn from the Mars rover about building the web? Anthony Colangelo describes NASA's new modular approach to mission planning, and suggests a similar strategy for our work on the web. The details of our work may change, but building with thoughtful modularity can help us reap the benefits of the future.

Pinpointing Expectations

In my work as a front-end developer, I’ve come to realize that expectations, and how you handle them, are one of the most integral parts of a project. Expectations are tricky things, especially because we don’t talk about them very much.