Bigger doesn't always mean better – especially if it's a slow user experience. Covering browser support, WordPress themes, image loading, CSS selectors and animations, prefetching and a lot more, this book will give you the tools and skills to build fast, delightful websites and apps.

Front End Performance

Preface

The question "which browsers should my website/app support?" is often raised by clients and developers. The simple answer is a list of the top N mainstream applications. But has that policy become irrelevant?

Which Browsers Should Your Website Support?

This article is part of a series created in partnership with SiteGround . Thank you for supporting the partners who make SitePoint possible.

Are Your WordPress Themes Flexible or Fast?

Five Techniques to Lazy Load Images for Website Performance

In today’s typical scenario, where the average website ships 500KB of gzipped JavaScript and 1.5MB of images, running on a midrange Android device via 3G with a 400ms round trip time, CSS selector performance is the least of our problems.

Optimizing CSS: ID Selectors and Other Myths

Optimizing CSS: Tweaking Animation Performance with DevTools

Lightning Fast Websites with Prefetching

67% of webpages now use custom fonts . However, popularity and widespread adoption haven't come without some performance and user experience-related issues.

Optimizing Web Fonts for Performance: the State of the Art

In this chapter, there’s lots of stuff to cover across a wide and wildly changing landscape. It’s also a topic that covers everyone’s favorite: The JS Framework of the Month™.

JavaScript Performance Optimization Tips: An Overview

The role of web animation has evolved from mere decorative fluff to serving concrete purposes in the context of user experience — such as providing visual feedback as users interact with your app, directing users' attention to fulfill your app's goals, offering visual cues that help users make sense of your app's interface, and so on.

7 Performance Tips for Jank-free JavaScript Animations

CDN - you keep seeing the acronym. Maybe in URLs, maybe on landing pages, but it never quite clicked - what are Content Delivery Networks, what do they do exactly?

Community Questions