Web Performance in Action: Building Fast Web Pages

4/5 ( ratings)

Summary

Web Performance in Action is your companion guide to making websites faster. You'll learn techniques that speed the delivery of your site's assets to the user, increase rendering speed, decrease the overall footprint of your site, as well as how to build a workflow that automates common optimization techniques.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the Technology

Nifty features, hip design, and clever marketing are great, but your website will flop if visitors think it's slow. Network conditions can be unpredictable, and with today's sites being bigger than ever, you need to set yourself apart from the competition by focusing on speed. Achieving a high level of performance is a combination of front-end architecture choices, best practices, and some clever sleight-of-hand. This book will demystify all these topics for you.

About the Book

Web Performance in Action is your guide to making fast websites. Packed with "Aha!" moments and critical details, this book teaches you how to create performant websites the right way. You'll master optimal rendering techniques, tips for decreasing your site's footprint, and technologies like HTTP/2 that take your website's speed from merely adequate to seriously fast. Along the way, you'll learn how to create an automated workflow to accomplish common optimization tasks and speed up development in the process.

What's Inside

Foolproof performance-boosting techniques
Optimizing images and fonts
HTTP/2 and how it affects your optimization workflow

About the Reader

This book assumes that you're familiar with HTML, CSS, and JavaScript. Many examples make use of Git and Node.js.

About the Author

Jeremy Wagner is a professional front-end web developer with over ten years of experience. Foreword by Ethan Marcotte.

Table of Contents

Understanding web performance
Using assessment tools
Optimizing CSS
Understanding critical CSS
Making images responsive
Going further with images
Faster fonts
Keeping JavaScript lean and fast
Boosting performance with service workers
Fine-tuning asset delivery
Looking to the future with HTTP/2
Automating optimization with gulp