Book description
Performance simply matters. Technology may allow us to "go bigger", but maybe not necessarily be better when it comes to performance. Now is the time to utilize the amazing tools that are available for making websites faster, and to learn how to improve user experience and satisfaction.
This is a practical collection of tutorials on front-end website performance for web developers. It's packed with useful, real world hints and tips that you can use on your sites today. It contains:
- Which Browsers Should Your Website Support? by Craig Buckler
- Are Your WordPress Themes Flexible or Fast? by Maria Antonietta Perna
- Five Techniques to Lazy Load Images for Website Performance by Maria Antonietta Perna
- Optimizing CSS: ID Selectors and Other Myths by Ivan Curic
- Optimizing CSS: Tweaking Animation Performance with DevTools by Maria Antonietta Perna
- Lightning Fast Websites with Prefetching by Maria Antonietta Perna
- Optimizing Web Fonts for Performance: the State of the Art by Maria Antonietta Perna
- JavaScript Performance Optimization Tips: An Overview by Ivan Curic
- 7 Performance Tips for Jank-free JavaScript Animations by Maria Antonietta Perna
- What Is a CDN and How Does It Work? by Bruno Skvorc
This book is for all front-end developers that want to build sites and apps that run faster. You'll need to be familiar with HTML and CSS and have a reasonable level of understanding of JavaScript in order to follow the discussion.
Publisher resources
Table of contents
- Front-End Performance
- Notice of Rights
- Notice of Liability
- Trademark Notice
- About SitePoint
- Preface
- Chapter 1: Which Browsers Should Your Website Support?
- Chapter 2: Are Your WordPress Themes Flexible or Fast?
- Chapter 3: Five Techniques to Lazy Load Images for Website Performance
- Chapter 4: Optimizing CSS: ID Selectors and Other Myths
- Chapter 5: Optimizing CSS: Tweaking Animation Performance with DevTools
- Chapter 6: Lightning Fast Websites with Prefetching
- Chapter 7: Optimizing Web Fonts for Performance: the State of the Art
- Chapter 9: JavaScript Performance Optimization Tips: An Overview
-
Chapter 9: 7 Performance Tips for Jank-free JavaScript Animations
- 1. Avoid Animating Expensive CSS Properties
- 2. Promote Elements You Want to Animate to Their Own Layer (with Caution)
- 3. Replace setTimeOut/setInterval with requestAnimationFrame
- 4. Decouple Events from Animations in Your Code
- 5. Avoid Long-running JavaScript Code
- 6. Leverage the Browser’s DevTools to Keep Performance Issues in Check
- 7. Use an Off-screen Canvas for Complex Drawing Operations
- Conclusion
- Chapter 10: What Is a CDN and How Does It Work?
Product information
- Title: Front-end Performance
- Author(s):
- Release date: August 2018
- Publisher(s): SitePoint
- ISBN: 9781925836103
You might also like
book
Back-end Performance
Performance simply matters. Technology may allow us to "go bigger", but maybe not necessarily be better …
book
Web Performance in Action
Web Performance in Action is your companion guide to making websites faster. You'll learn techniques that …
book
Professional Website Performance: Optimizing the Front-End and Back-End
Achieve optimal website speed and performance with this Wrox guide Effective website development requires optimum performance …
book
Jump Start Web Performance
Despite working on the web every day, few developers have a good word to say about …