A List Apart

Menu
Issue № 371

Improving UX Through Front-End Performance

by Lara Hogan · 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

Rachel Andrew on the Business of Web Dev

Looking Outside

Partners in a small, close leadership team—such as in a family business—often know each other’s minds very well, and agree on most things. That’s great to keep things running smoothly (though sometimes there’s awkwardness when business disagreements intrude on home life). On the other hand, it can also lead to stagnation. Rachel Andrew is finding that an outsider’s perspective can help when partners can’t quite see eye to eye—or when they agree too much.

From the Blog

Prioritizing Structure in Web Content Projects

New content projects present a classic chicken-and-egg problem: should we start with the words, or focus on the structure they’ll take? There are benefits and challenges either way, but Eileen Webb has recently become a believer that starting with structure creates a better workflow for developers, designers and content creators alike.