About the Author |
|
xix | |
Acknowledgments |
|
xxi | |
Introduction |
|
xxiii | |
|
Part I Introduction to Web Performance Optimization |
|
|
1 | (2) |
|
Chapter 1 Getting Started with Web Performance Optimization |
|
|
3 | (1) |
|
Web Performance Optimization (WPO) |
|
|
3 | (3) |
|
Web Performance Optimization Dimensions |
|
|
6 | (2) |
|
Web Performance Optimizations at Various Lifecycle Stages |
|
|
8 | (5) |
|
Web Performance During Project Architecture Phase |
|
|
8 | (2) |
|
Web Performance-Based Project Design Phase |
|
|
10 | (2) |
|
Performance-Based Development |
|
|
12 | (1) |
|
|
13 | (1) |
|
|
13 | (1) |
|
Web Performance Governance Concepts |
|
|
13 | (3) |
|
Definition of Performance SLAs |
|
|
13 | (1) |
|
Performance Metrics and KPIs |
|
|
13 | (1) |
|
|
14 | (2) |
|
|
16 | (1) |
|
Web Performance Optimizations at Various Layers |
|
|
16 | (9) |
|
Web Performance Optimization End-To-End Flow |
|
|
16 | (2) |
|
Performance Optimization at the User-Agent Layer |
|
|
18 | (1) |
|
Performance Optimization at the Content Delivery Network (CDN) Layer |
|
|
18 | (1) |
|
Taxonomy of Performance Optimization at the Web Server and Proxy Server Layer |
|
|
18 | (2) |
|
Taxonomy of Performance Optimization at the Application Server Layer |
|
|
20 | (1) |
|
Performance Optimization at the Database Server Layer |
|
|
21 | (1) |
|
Performance Optimization at the Enterprise Interface Layer |
|
|
21 | (1) |
|
Performance Optimization at the File Storage Server Layer |
|
|
22 | (1) |
|
Taxonomy of Performance Optimization at the Content Management Server (CMS) Layer |
|
|
22 | (1) |
|
Taxonomy of Performance Optimization at the Infrastructure Layer |
|
|
23 | (2) |
|
|
25 | (2) |
|
Chapter 2 General Web Performance Optimization Methods |
|
|
27 | (20) |
|
Survey of Tools and Methods for Performance Optimization of Web Components |
|
|
28 | (9) |
|
Survey of Tools Used in the Web Performance Optimization of Various Web Components |
|
|
28 | (6) |
|
Survey of Web Performance Optimization Methods |
|
|
34 | (3) |
|
Performance Bottlenecks and Web Performance Patterns at Various Layers |
|
|
37 | (1) |
|
Survey of Predominant Web Performance Optimization Techniques |
|
|
38 | (5) |
|
|
39 | (1) |
|
|
39 | (2) |
|
Performance Optimization of Content and Assets Through Prefetching |
|
|
41 | (2) |
|
|
43 | (1) |
|
Network and Request Processing Pipeline Optimization |
|
|
44 | (1) |
|
DNS Lookup Time and Connection Time Optimization |
|
|
44 | (1) |
|
Time to First Byte (TTFB) Optimization |
|
|
44 | (1) |
|
Web Performance Optimization Considerations |
|
|
44 | (1) |
|
Mobile Web Performance Optimization |
|
|
44 | (1) |
|
End-to-End Performance Monitoring Methods and Tools |
|
|
45 | (1) |
|
Cloud-Based Performance Optimizations |
|
|
45 | (1) |
|
Analyzing and Debugging End-to-End Performance Issues |
|
|
45 | (1) |
|
Performance Metrics and Measurement |
|
|
45 | (1) |
|
|
45 | (1) |
|
|
46 | (1) |
|
Part II Modern Web Optimization |
|
|
47 | (2) |
|
Chapter 3 Web Performance Optimization Framework |
|
|
49 | (1) |
|
Web Performance Reference Architecture |
|
|
50 | (2) |
|
Web Performance Optimization Framework |
|
|
52 | (2) |
|
|
54 | (5) |
|
Performance-Based Development |
|
|
59 | (3) |
|
Web Performance Bottlenecks and Web Performance Antipatterns |
|
|
62 | (7) |
|
|
69 | (2) |
|
Web Performance Monitoring |
|
|
71 | (2) |
|
Web Performance Governance |
|
|
73 | (3) |
|
Proposed Web Performance Maturity Model |
|
|
76 | (2) |
|
|
78 | (1) |
|
Chapter 4 Mobile Web Performance Optimization |
|
|
79 | (26) |
|
|
80 | (1) |
|
Performance Optimization of Angular Framework |
|
|
81 | (5) |
|
Design-Related Performance Optimizations |
|
|
81 | (2) |
|
Network-level Performance Optimizations |
|
|
83 | (1) |
|
Runtime Performance Optimizations |
|
|
84 | (2) |
|
Performance Optimization of the React Framework |
|
|
86 | (5) |
|
Design-Related Performance Optimizations |
|
|
86 | (4) |
|
Network-Level Performance Optimizations |
|
|
90 | (1) |
|
Runtime Performance Optimizations |
|
|
90 | (1) |
|
Common Performance Optimizations for JavaScript Frameworks |
|
|
91 | (9) |
|
|
91 | (1) |
|
Leverage CDN for Resources |
|
|
92 | (1) |
|
|
92 | (1) |
|
|
92 | (1) |
|
Progressive Web App (PWA) |
|
|
93 | (1) |
|
|
93 | (1) |
|
|
93 | (1) |
|
|
94 | (1) |
|
|
94 | (1) |
|
|
94 | (1) |
|
|
95 | (1) |
|
|
95 | (1) |
|
Search Engine Optimization (SEO) |
|
|
95 | (1) |
|
|
96 | (1) |
|
Optimizing the Critical Rendering Path |
|
|
96 | (1) |
|
|
97 | (1) |
|
Network-Level Performance Optimizations |
|
|
97 | (3) |
|
HTML5 Performance Optimizations |
|
|
100 | (2) |
|
|
101 | (1) |
|
Native Multimedia Support |
|
|
101 | (1) |
|
|
101 | (1) |
|
|
101 | (1) |
|
|
101 | (1) |
|
|
102 | (3) |
|
Chapter 5 Modern Web Platform Performance Principles |
|
|
105 | (40) |
|
|
105 | (1) |
|
Traditional Web vs. Modern Web |
|
|
106 | (1) |
|
|
107 | (9) |
|
Drivers for Modern Web Design |
|
|
107 | (3) |
|
The Key Capabilities of a Modern Web Platform |
|
|
110 | (2) |
|
The Building Blocks of a Modern Web Platform |
|
|
112 | (1) |
|
The Business Imperatives of a Modern Web Platform |
|
|
113 | (3) |
|
Reference Architecture: React-based Modern Web Application |
|
|
116 | (2) |
|
Reference Architecture: Angular-based Modern Web Application |
|
|
118 | (3) |
|
The Flow of Angular Solution Components |
|
|
119 | (2) |
|
Realization of Modern Web Solution Tenets |
|
|
121 | (4) |
|
Modern Web Platform Governance |
|
|
125 | (9) |
|
Modern Web Platform Development Tools |
|
|
125 | (2) |
|
DevOps for Modern Web Platforms |
|
|
127 | (5) |
|
|
132 | (2) |
|
Progressive Web Apps (PWA) |
|
|
134 | (1) |
|
Performance Optimization of Modern Web Apps |
|
|
134 | (8) |
|
Design Best Practices for Modern Web Applications |
|
|
134 | (2) |
|
Modern Web Key Design Principles |
|
|
136 | (2) |
|
Modern Web Integration Design Principles |
|
|
138 | (4) |
|
|
142 | (3) |
|
Part III Performance Validation and Infrastructure |
|
|
145 | (2) |
|
Chapter 6 Web Performance Validation |
|
|
147 | (1) |
|
What Is Web Performance Validation? |
|
|
147 | (6) |
|
Trends in Web Performance Testing |
|
|
149 | (1) |
|
Types of Web Performance Testing |
|
|
150 | (1) |
|
Key Performance Testing Metrics |
|
|
151 | (1) |
|
Common Performance Issues Across Tiers |
|
|
152 | (1) |
|
Approach to Web Performance Validation |
|
|
153 | (11) |
|
Prerequisites for Web Performance Testing |
|
|
153 | (3) |
|
Web Performance Testing Phases |
|
|
156 | (3) |
|
Web Performance Prediction Model |
|
|
159 | (1) |
|
Web Performance Testing Tools |
|
|
160 | (1) |
|
Mobile App Performance Validation |
|
|
161 | (3) |
|
|
164 | (3) |
|
Prerequisites for Workload Modeling |
|
|
164 | (1) |
|
Process of Workload Modeling |
|
|
164 | (3) |
|
Sample Workload Model Template |
|
|
167 | (1) |
|
Web Performance Test Methodology |
|
|
167 | (4) |
|
Continuous Performance Testing |
|
|
169 | (2) |
|
Performance Testing Maturity Model |
|
|
171 | (2) |
|
|
173 | (2) |
|
Chapter 7 Web Performance Monitoring and Infrastructure Planning |
|
|
175 | (38) |
|
Performance Monitoring Metrics |
|
|
176 | (7) |
|
|
176 | (3) |
|
|
179 | (1) |
|
|
180 | (1) |
|
|
181 | (2) |
|
Web Application Performance Metrics |
|
|
183 | (1) |
|
Building Performance Monitoring Ecosystem |
|
|
183 | (9) |
|
Performance Monitoring Tools and Frameworks |
|
|
183 | (3) |
|
Performance Monitoring Best Practices |
|
|
186 | (6) |
|
Application Performance Monitoring (APM) |
|
|
192 | (3) |
|
Server Health Check Monitoring Setup |
|
|
193 | (1) |
|
Real-Time Performance Monitoring Setup |
|
|
194 | (1) |
|
Real User Monitoring (RUM) |
|
|
195 | (1) |
|
Infrastructure Planning for Performance |
|
|
196 | (9) |
|
Non-Functional Requirements (NFR) |
|
|
196 | (5) |
|
Infrastructure Planning Process |
|
|
201 | (1) |
|
Initial Infrastructure Sizing Process |
|
|
202 | (2) |
|
Disaster Recovery (DR) Strategy |
|
|
204 | (1) |
|
Proactive Robust Monitoring and Alerting Setup |
|
|
205 | (4) |
|
|
208 | (1) |
|
|
209 | (1) |
|
|
209 | (1) |
|
|
209 | (1) |
|
|
209 | (1) |
|
|
209 | (1) |
|
|
210 | (3) |
|
Part IV Performance Case Studies |
|
|
213 | (2) |
|
Chapter 8 Web Performance Optimization Case Study |
|
|
215 | (1) |
|
|
215 | (4) |
|
|
216 | (2) |
|
|
218 | (1) |
|
Core Performance Challenges |
|
|
218 | (1) |
|
Web Performance Assessment Approach |
|
|
219 | (4) |
|
Performance Assessment Scope |
|
|
219 | (1) |
|
Performance Assessment Exercise Approach |
|
|
220 | (1) |
|
Performance Assessment Checklist |
|
|
221 | (2) |
|
Web Performance Assessment Exercise |
|
|
223 | (3) |
|
Performance Tools for Performance Assessment |
|
|
223 | (2) |
|
Performance Assessment of Presentation Layer |
|
|
225 | (1) |
|
Performance Assessment of Server Layer |
|
|
226 | (1) |
|
Web Performance Optimization Recommendations |
|
|
226 | (8) |
|
Performance Improvement Recommendations for the Presentation Layer |
|
|
226 | (5) |
|
Server-Layer Performance Improvement Recommendations |
|
|
231 | (3) |
|
Recommended Tools for Performance Optimization |
|
|
234 | (1) |
|
Performance-related Design Recommendations |
|
|
234 | (8) |
|
Proposal for Early Warning System (EWS) |
|
|
234 | (4) |
|
Design recommendations for Server-side Components |
|
|
238 | (1) |
|
Architecture and Design Recommendations |
|
|
238 | (4) |
|
|
242 | (1) |
|
Chapter 9 Performance Engineering Case Study |
|
|
243 | (28) |
|
Performance Engineering Overview |
|
|
243 | (3) |
|
Performance Engineering Process |
|
|
244 | (1) |
|
Requirements and KPI Definition |
|
|
244 | (1) |
|
Performance Test Strategy and Design |
|
|
244 | (1) |
|
Iterative Performance Test Execution |
|
|
245 | (1) |
|
Performance Analysis and Recommendation |
|
|
245 | (1) |
|
Performance Engineering Report |
|
|
245 | (1) |
|
A Brief Overview of the Application |
|
|
246 | (1) |
|
|
246 | (1) |
|
|
246 | (1) |
|
|
247 | (3) |
|
Web Frameworks and JavaScript Framework |
|
|
247 | (1) |
|
Page Load Times and Page Size Analysis for Key Pages |
|
|
247 | (1) |
|
Presentation Component Analysis |
|
|
248 | (1) |
|
Web Analytics Report Analysis |
|
|
248 | (1) |
|
Business Components Performance Analysis |
|
|
249 | (1) |
|
Service Performance Analysis |
|
|
249 | (1) |
|
Database Performance Analysis |
|
|
250 | (1) |
|
|
250 | (2) |
|
AS-IS Capacity and Network Analysis |
|
|
250 | (1) |
|
Server Configuration Analysis |
|
|
251 | (1) |
|
Cache Configuration Analysis |
|
|
251 | (1) |
|
Infrastructure Recommendations |
|
|
251 | (1) |
|
|
252 | (4) |
|
Performance Testing Tools |
|
|
252 | (1) |
|
Performance Test Setup and Execution |
|
|
252 | (4) |
|
Performance Bottleneck Analysis and Problem Patterns |
|
|
256 | (3) |
|
|
257 | (1) |
|
|
257 | (1) |
|
Common Performance Problem Pattern |
|
|
257 | (2) |
|
Performance Optimization Recommendations |
|
|
259 | (4) |
|
Web Performance Optimization Recommendations |
|
|
259 | (1) |
|
Server-side Performance Optimization (Services and Database) |
|
|
260 | (3) |
|
|
263 | (6) |
|
Short-Term Plan (30 Days) |
|
|
263 | (1) |
|
Medium-Term Plan (60 Days) |
|
|
264 | (1) |
|
Long-Term Plan (>60 Days) |
|
|
264 | (5) |
|
|
269 | (2) |
|
Part V Performance Patterns |
|
|
271 | (2) |
|
Chapter 10 Modern Web Performance Patterns |
|
|
273 | (1) |
|
Presentation Patterns and Best Practices |
|
|
274 | (4) |
|
Common Performance Antipatterns |
|
|
274 | (1) |
|
Common Presentation Patterns |
|
|
275 | (2) |
|
Presentation Layer Best Practices |
|
|
277 | (1) |
|
Progressive Web Architecture (PWA) Patterns |
|
|
278 | (8) |
|
|
279 | (1) |
|
|
279 | (1) |
|
|
279 | (3) |
|
|
282 | (1) |
|
|
283 | (1) |
|
|
284 | (1) |
|
|
284 | (2) |
|
|
286 | (1) |
|
|
286 | (1) |
|
|
286 | (4) |
|
|
286 | (1) |
|
|
286 | (1) |
|
|
287 | (1) |
|
|
288 | (1) |
|
|
289 | (1) |
|
|
290 | (1) |
|
|
290 | (1) |
|
|
290 | (1) |
|
|
290 | (4) |
|
|
291 | (1) |
|
|
291 | (1) |
|
|
291 | (2) |
|
|
293 | (1) |
|
|
293 | (1) |
|
|
293 | (1) |
|
|
294 | (1) |
|
|
294 | (1) |
|
|
294 | (4) |
|
|
294 | (1) |
|
|
295 | (1) |
|
|
295 | (1) |
|
|
296 | (1) |
|
|
297 | (1) |
|
|
297 | (1) |
|
|
297 | (1) |
|
|
298 | (1) |
|
|
299 | (2) |
|
Chapter 11 Modern Web Data Patterns |
|
|
301 | (26) |
|
Common Data-related Antipatterns and Best Practices |
|
|
302 | (3) |
|
Data-related Antipatterns |
|
|
302 | (1) |
|
Data-related Best Practices |
|
|
302 | (1) |
|
|
303 | (2) |
|
|
305 | (3) |
|
|
305 | (1) |
|
|
306 | (1) |
|
|
306 | (1) |
|
|
307 | (1) |
|
|
307 | (1) |
|
|
308 | (1) |
|
|
308 | (1) |
|
CQRS Pattern and Event Sourcing Pattern |
|
|
308 | (6) |
|
|
308 | (1) |
|
|
309 | (1) |
|
|
310 | (2) |
|
|
312 | (1) |
|
|
312 | (1) |
|
|
313 | (1) |
|
|
313 | (1) |
|
|
314 | (1) |
|
|
314 | (4) |
|
|
314 | (1) |
|
|
315 | (1) |
|
|
316 | (1) |
|
|
317 | (1) |
|
|
317 | (1) |
|
|
318 | (1) |
|
|
318 | (4) |
|
|
319 | (1) |
|
|
319 | (2) |
|
|
321 | (1) |
|
|
321 | (1) |
|
|
321 | (1) |
|
|
322 | (1) |
|
|
322 | (2) |
|
|
324 | (3) |
|
Chapter 12 Modern Web Integration Patterns |
|
|
327 | (32) |
|
Common Integration Antipatterns and Best Practices |
|
|
328 | (4) |
|
Network-related Antipatterns |
|
|
328 | (1) |
|
Integration-related Antipatterns |
|
|
328 | (1) |
|
Integration-related Best Practices and Common Patterns |
|
|
329 | (3) |
|
|
332 | (15) |
|
|
333 | (1) |
|
|
334 | (1) |
|
|
334 | (5) |
|
|
339 | (3) |
|
|
342 | (1) |
|
|
343 | (1) |
|
|
343 | (1) |
|
|
344 | (1) |
|
|
344 | (1) |
|
|
344 | (3) |
|
Event-Driven Architecture |
|
|
347 | (5) |
|
|
347 | (1) |
|
|
348 | (2) |
|
|
350 | (1) |
|
|
351 | (1) |
|
|
351 | (1) |
|
|
352 | (1) |
|
|
352 | (2) |
|
|
352 | (1) |
|
|
352 | (1) |
|
|
353 | (1) |
|
|
353 | (1) |
|
|
353 | (1) |
|
|
353 | (1) |
|
|
354 | (1) |
|
|
355 | (4) |
|
Appendix A Performance Optimization Checklist |
|
|
359 | (10) |
|
Performance Testing Checklist |
|
|
359 | (4) |
|
Java Performance Checklist |
|
|
363 | (3) |
|
JDBC Performance Checklist |
|
|
366 | (1) |
|
Memory Leak Analysis Checklist |
|
|
366 | (1) |
|
Application Server Configuration Checklist |
|
|
367 | (2) |
|
Appendix B Database Performance Optimization |
|
|
369 | (10) |
|
Oracle Performance-Tuning Checklist |
|
|
369 | (6) |
|
DB2 Performance Tuning Checklist |
|
|
375 | (4) |
|
Appendix C Performance Test Report Template |
|
|
379 | (6) |
|
|
379 | (1) |
|
|
379 | (1) |
|
|
380 | (1) |
|
Performance Testing Scope |
|
|
380 | (1) |
|
Performance Testing Environment |
|
|
380 | (1) |
|
Performance Testing Dependencies\Assumptions |
|
|
381 | (1) |
|
|
381 | (1) |
|
Approach to Performance Testing |
|
|
382 | (1) |
|
Performance Test Results and Observations |
|
|
382 | (1) |
|
Tuning Implementation Between Execution Cycles |
|
|
382 | (1) |
|
|
383 | (1) |
|
|
383 | (1) |
|
|
383 | (1) |
|
|
384 | (1) |
|
Appendix D Performance Test Strategy Template |
|
|
385 | (14) |
|
|
385 | (4) |
|
Performance Testing Dependencies and Execution Support |
|
|
389 | (1) |
|
Performance Testing Steps/Activities |
|
|
390 | (7) |
|
Test Execution Contingency Planning |
|
|
397 | (1) |
|
|
397 | (1) |
|
Performance Testing Risks |
|
|
397 | (1) |
|
Glossary of Performance Terms |
|
|
398 | (1) |
Bibliography |
|
399 | (22) |
Index |
|
421 | |