As a web designer, you have tough choices to make when it comes to weighing aesthetics and performance. Content, layout, images, and interactivity are necessary components to engage your audience, but each have an enormous impact on page load time.
This practical book helps you approach a new project with page speed in mind, and shows you how to test and benchmark which design choices are most important. You&'ll also learn how to design semantic HTML and CSS that are easily repurposed and edited later, saving not just page load time but also your own time during development.
Written by Etsy's performance engineering manager, this book covers:
Why designing for performance is imperative
The basics of page speed: requests and how browsers render content
Optimizing images, HTML and CSS for performance
Implementing responsive web design with an eye on performance
Tools for measuring and iterating on your design choices and their performance
If you have Adobe Photoshop experience and basic HTML and CSS skills, this book will help you learn how to design for performance.
Über den Autor
Lara Callender Hogan is the Engineering Manager of Performance at Etsy. She champions page load time, experiment-driven design, and delivering a consistent experience to screens of all sizes. She also curates (and contributes to) CSS3 Geometry.
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