As a web designer, you encounter tough choices when it comes to weighing aesthetics and performance. Good content, layout, images, and interactivity are essential for engaging your audience, and each of these elements have an enormous impact on page load time and the end-user experience. In this practical book, Lara Hogan helps you approach projects with page speed in mind, showing you how to test and benchmark which design choices are most critical.
To get started, all you need are basic HTML and CSS skills and Photoshop experience.
The impact of page load time on your site, brand, and users
Page speed basics: how browsers retrieve and render content
Best practices for optimizing and loading images
How to clean up HTML and CSS, and optimize web fonts
Mobile-first design with performance goals by breakpoint
Using tools to measure performance as your site evolves
Methods for shaping an organization’s performance culture
Lara Callender Hogan is the Senior Engineering Manager of Performance at Etsy and the author of Designing for Performance. She champions performance as a part of the overall user experience, striking a balance between aesthetics and speed, and building performance into company culture.
The animal on the cover of Designing for Performance is a tufted coquette (Lophornis ornatus), a tiny hummingbird that breeds in eastern Venezuela, Trinidad, Guiana, and northern Brazil.Also known as the splendid coquette, this hummingbird is so tiny that it can easily be confused with a large bee as it moves from flower to flower. Its red beak has a black tip and is short and straight. The female doesn’t have very flashy plumage, but the male has striking black-spotted and orange-colored feathers that project from the sides of his neck and an orange head crest.Hummingbirds in general are quite solitary, so the tufted coquette is mostly found alone or in small groups, as it searches for nectar and small insects to feed on.Many of the animals on O’Reilly covers are endangered; all of them are important to the world. To learn more about how you can help, go to animals.oreilly.com.The cover image is from Wood’s Natural History. The cover fonts are URW Typewriter and Guardian Sans. The text font is Scala Regular; the heading font is Gotham Narrow Medium; and the code font is TheSansMonoCd Regular.