Learn basic and advanced uses of WebPagetest, the performance measurement tool for optimizing websites. This practical guide shows users new to this tool how run tests and interpret results, and helps experienced users gain a better and more thorough understanding of hidden features in WebPagetest that make testing easier. Written by WebPagetest power users and performance experts, this book will help web developers and frontend engineers solve the problem of slow sites. Topics include: Basic test setup—shows beginners how to get meaningful results Advanced test setup—provides another level of technical depth by explaining features not thoroughly documented at webpagetest.org Analysis of results—helps you understand of how to interpret test results Private instance setup—teaches power users the intricacies of the webpagetest private instance and how it works API and external tools—provides a detailed reference for the API and demonstrates tools already using the API to extend WebPagetest

Learn basic and advanced uses of WebPagetest, the performance measurement tool for optimizing websites. This practical guide shows users new to this tool how run tests and interpret results, and helps experienced users gain a better and more thorough understanding of hidden features in WebPagetest that make testing easier. Written by WebPagetest power users and performance experts, this book will help web developers and frontend engineers solve the problem of slow sites. Topics include: Basic test setup—shows beginners how to get meaningful results Advanced test setup—provides another level of technical depth by explaining features not thoroughly documented at webpagetest.org Analysis of results—helps you understand of how to interpret test results Private instance setup—teaches power users the intricacies of the webpagetest private instance and how it works API and external tools—provides a detailed reference for the API and demonstrates tools already using the API to extend WebPagetest

Summary HTTP/2 in Action is a complete guide to HTTP/2, one of the core protocols of the web. Because HTTP/2 has been designed to be easy to transition to, including keeping it backwards compatible, adoption is rapid and expected to increase over the next few years. Concentrating on practical matters, this interesting book presents key HTTP/2 concepts such as frames, streams, and multiplexing and explores how they affect the performance and behavior of your websites. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Technology HTTP—Hypertext Transfer Protocol—is the standard for exchanging messages between websites and browsers. And after 20 years, it's gotten a much-needed upgrade. With support for streams, server push, header compression, and prioritization, HTTP/2 delivers vast improvements in speed, security, and efficiency. About the Book HTTP/2 in Action teaches you everything you need to know to use HTTP/2 effectively. You'll learn how to optimize web performance with new features like frames, multiplexing, and push. You'll also explore real-world examples on advanced topics like flow control and dependencies. With ready-to-implement tips and best practices, this practical guide is sure to get you—and your websites—up to speed! What's Inside HTTP/2 for web developers Upgrading and troubleshooting Real-world examples and case studies QUIC and HTTP/3 About the Reader Written for web developers and site administrators. About the Authors Barry Pollard is a professional developer with two decades of experience developing, supporting, and tuning software and infrastructure. Table of Contents PART 1 MOVING TO HTTP/2 Web technologies and HTTP The road to HTTP/2 Upgrading to HTTP/2 PART 2 USING HTTP/2 HTTP/2 protocol basics Implementing HTTP/2 push Optimizing for HTTP/2 PART 3 ADVANCED HTTP/2 Advanced HTTP/2 concepts HPACK header compression PART 4 THE FUTURE OF HTTP TCP, QUIC, and HTTP/3 Where HTTP goes from here

Leverage the full potential of the web to make your web sites better than native applications for every platform. Key Features Explore different models and patterns required to develop progressive web applications Create applications requiring shorter runtime for attracting more users Study different projects to understand the fundamentals of progressive web applications Book Description Are you a developer that wants to create truly cross-platform user experiences with a minimal footprint, free of store restrictions and features customers want? Then you need to get to grips with Progressive Web Applications (PWAs), a perfect amalgamation of web and mobile applications with a blazing-fast response time. Progressive Web Application Development by Example helps you explore concepts of the PWA development by enabling you to develop three projects, starting with a 2048 game. In this game, you will review parts of a web manifest file and understand how a browser uses properties to define the home screen experience. You will then move on to learning how to develop and use a podcast client and be introduced to service workers. The application will demonstrate how service workers are registered and updated. In addition to this, you will review a caching API so that you have a firm understanding of how to use the cache within a service worker, and you'll discover core caching strategies and how to code them within a service worker. Finally, you will study how to build a tickets application, wherein you’ll apply advanced service worker techniques, such as cache invalidation. Also, you'll learn about tools you can use to validate your applications and scaffold them for quality and consistency. By the end of the book, you will have walked through browser developer tools, node modules, and online tools for creating high-quality PWAs. What you will learn Explore the core principles of PWAs Study the three main technical requirements of PWAs Discover enhancing requirements to make PWAs transcend native apps and traditional websites Create and install PWAs on common websites with a given HTTPS as the core requirement Get acquainted with the service worker life cycle Define service worker caching patterns Apply caching strategies to three different website scenarios Implement best practices for web performance Who this book is for Progressive Web Application Development by Example is for you if you’re a web developer or front-end designer who wants to ensure improved user experiences. If you are an application developer with knowledge of HTML, CSS, and JavaScript, this book will help you enhance your skills in order to develop progressive web applications, the future of app development.

Build fast, reliable web applications using the latest web development technologies. This book provides step-by-step learning through the process of transforming a “traditional” web app into a high-performing progressive web app, leveraging principles and lessons taught throughout the book. You will learn to improve the performance, reliability, reach, and user engagement of mobile web applications through the use of specific, practical examples. Because most non-trivial web applications developed today use JavaScript frameworks, you will learn about the most popular frameworks offering a PWA right out of the box, including React, Preact, Vue.js, Angular, and Ionic. You also will learn which tools to enlist to measure your application’s performance, such as Google’s Lighthouse. Beginning Progressive Web App Development includes best practices to make your app work even when an end user has a poor or no Internet connection, and to send notifications and reminders with the Notification and Push APIs to keep your users engaged. You will come away with an understanding of the technologies—application shells, server push technology, and caching—that will allow you to rapidly deliver content to your users. As important as it is to provide mobile users with a great experience, the principles of PWAs are not limited to smartphones. Most of what you will learn in this book is directly applicable to web applications on all screen sizes. What You'll Learn Achieve nearly instant loading times Implement service workers to make your app load faster and work while users are offline Keep users engaged with web notifications Measure the performance and reach of your web applications Transform your existing web app into a progressive web app Create a progressive web app from scratch Understand what building a truly fast web app entails with Google’s PRPL pattern Who This Book Is For Web developers with prior JavaScript experience

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. Topics include: 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

Performance is a hugely important area of web development. If your site runs slowly, users are going to leave, and the problem only grows as your site gets more popular. Pro JavaScript Performance gives you the tools you need to keep your sites smooth and responsive no matter how many users you have. Best practices are changing or becoming redefined continually because of changes and optimizations at the interpreter level, and differences in system configuration, and network speeds. This is exacerbated by the quickened release schedule that most browsers have adopted. Just as important as following best practices is the ability to measure your own performance, so that you can adjust as times change, and so that you can note the subtle nuances in your own code and define your own best practices by your own observations. This book gives you the tools to observe and track the performance of your web applications over time from multiple perspectives, so that you are always aware of, and can fix, all aspects of your performance.