2015
O'Reilly Media
Kent Alstad
5:32
English
In this Introduction to Web Performance Optimization (WPO) training course, expert author Kent Alstad will teach you about the tools and techniques to measure and optimize website performance. This course is designed for users that already have web development experience.
You will start by learning how browsers work, then jump into learning about measurement. From there, Kent will teach you about web performance optimization, server side optimization, and image optimization. This video tutorial also covers accelerating dynamic content, round-trip reduction, client side caching, and progressive rendering. You will also learn how to use your CDN effectively and how to optimize for the mobile web. Finally, you will learn about automated web performance optimization, including WPO server extensions, image optimizers, and mobile WPO automation.
Once you have completed this computer based training course, you will have learned how to measure and optimize website performance. Working files are included, allowing you to follow along with the author throughout the lessons.
Introduction
What Is Web Performance Optimization? 03m 02s
About The Author 00m 39s
What WPO Is Not 00m 56s
What To Expect From This Video 01m 05s
How To Access Your Working Files 01m 15s
How Browsers Work
Mechanics Of A Web Request 05m 03s
DOM Construction 01m 23s
Important Events - DOMContentLoaded And OnLoad 02m 24s
Browser Rendering Optimization 02m 17s
Measurement
What Do You Need To Measure? 04m 03s
Measurement Options 09m 04s
Measurement Examples 11m 08s
Mobile Measurement Options 03m 17s
What Is Web Performance Optimization?
The Performance Equation - Part 1 00m 30s
The Performance Equation - Part 2 02m 03s
Waterfall Charts - Part 1 07m 18s
Waterfall Charts - Part 2 02m 54s
A Study Of Latency 07m 28s
Payload Reduction 02m 26s
Deferral Techniques 03m 13s
Optimizing CSS 03m 16s
Server Side Optimization
Introduction To Async Behavior 05m 35s
Non-Blocking IO 02m 56s
Load Distribution 01m 05s
Server Off-Load Techniques 01m 06s
TLS Connection Optimizations 04m 56s
Image Optimization
Data URI 11m 29s
Sprites 01m 59s
Image Compression 04m 52s
WebP, JPEG-XR And JPEG 2000 04m 30s
Format Conversion Techniques 01m 50s
Image Optimization Tools 04m 38s
Accelerating Dynamic Content
Using IFrames For Async Behavior 16m 29s
Javascript Deferral 07m 56s
Basic Gzip Compression 01m 44s
Round-Trip Reduction
Resource Combining 02m 19s
In-Lining 03m 32s
Out-Lining 03m 05s
Preloading 07m 20s
Client Side Caching
Making A LocalStorage Cache - Read Through 12m 14s
Controlling Cache Header Expiry 04m 42s
Far-Future Expiry And Fingerprinting 09m 36s
Caching HTML On The Client 06m 13s
Progressive Rendering
Progressive Image Rendering 05m 44s
Lazy Loading Images 03m 31s
Above The Fold Rendering Techniques 04m 53s
Blackholes And Anti-Patterns
DataURI Versus Page Reload Size 18m 52s
Duplicate Download - Concatenated Resources Package 06m 55s
Third Party Resources And Single Points Of Failure - SPOF 04m 09s
Using Your CDN Effectively
CDN Mechanics 06m 45s
Cookie-Less Domains 05m 31s
Managing Cache Expiry 06m 08s
Caching Optimized HTML 05m 08s
Optimizing For The Mobile Web
What Is Different About Mobile Pages? 01m 24s
Adjusting For Mobile Layout 08m 36s
Mobile Javascript Execution 11m 43s
Optimizing For Mobile Networks 03m 24s
Responsive Web Design 05m 06s
Adaptive Delivery 03m 54s
HTTP 2
What Is HTTP 2? 04m 23s
Why Is HTTP 2 Faster? 03m 14s
HTTP 2 In Action 05m 42s
HTTP 2 Options 03m 38s
Automated WPO
What Is Automated WPO? 02m 23s
Design-Time Versus Run-Time Optimizations 03m 09s
WPO Embedded In The Network 01m 50s
WPO Server Extensions 02m 21s
Image Optimizers 02m 40s
Mobile WPO Automation 01m 43s
WPO As A Service 01m 51s
Conclusion
Wrap Up 03m 29s
shop.oreilly.com/product/0636920040293.do
Download File Size:1.14 GB
|
