wension
commented
7 years ago Roadmap
Unlike most other Manning titles, this book is not divided into parts, but it does follow a logical flow of sorts. Chapter 1 is an introduction to the fundamentals of web performance—bedrock stuff, such as minification, server compression, and so forth. If you’re already a performance-minded developer, this chapter will feel familiar to you. It’s intended for the front-end developer who’s new to the concept of web performance. Chapter 2 covers performance assessment tools, both online and in the browser, with a focus on using Chrome’s developer tools.
From there, we’ll venture into the realm of optimizing CSS. Chapter 3 is a grab bag of topics and examples of how you can make your CSS leaner, and use native CSS features that can help increase the responsiveness of your website to user input. Chapter 4 is about critical CSS, a technique that can give your site’s rendering performance a real shot in the arm.
Then, we’ll tackle image optimization. Chapter 5 focuses on different image types and how to use them, as well as how to deliver them optimally to different devices both in CSS and
inline in HTML. Chapter 6 covers how to reduce the file size of images, automating the creation of image sprites, Google’s WebP image format, and how to lazy load images by writing a custom lazy loading script.
After all of that, we’ll turn our focus away from images toward fonts. Chapter 7 covers optimizing fonts. This ranges from creating an optimal @font-face cascade to font subsetting, using the unicode-range CSS property, compressing legacy font formats on the server, and how to control the loading and display of fonts with CSS and JavaScript.
Chapters 8 and 9 focus on JavaScript. Chapter 8 speaks more to the need for minimalism in JavaScript by advocating the use of in-browser features, rather than relying on jQuery and other libraries. For those who can’t abandon jQuery, I talk about jQuery-compatible alternatives that offer a subset of what jQuery does, but with less overhead. This chapter also talks about proper placement of the Githubissues.
关于本书
The purpose of Web Performance in Action is to teach you how to create faster websites, and through the course of this book, I’ll help you get here. The techniques you’ll learn as you read should also come in handy for improving performance on existing websites.
谁应该阅读本书
This book focuses heavily (though not exclusively) on improving website performance on the client side. This means that it’s targeted toward front-end developers who have a good command of HTML, CSS, and JavaScript. You, the reader, should be comfortable working with these technologies.
This book occasionally strays into the server side where appropriate. For instance, some server-side code examples are in PHP. These examples are intended to be illustrative of a concept, and are often peripheral to the task at hand. Chapter 10 covers server compression, including the new Brotli compression algorithm, which fits into the server-side category. Chapter 11 explains HTTP/2, so having an interest in how this new protocol can affect how you optimize your site can be helpful.
You should also be somewhat comfortable on the command line, but even if you’re not, you’ll still be able to follow along in the examples provided. Now, let’s talk about how this book is structured.