Learn Website Performance Optimization, Testing & Monitoring

Website and app performance matters. A slow-loading web page or poorly performing app is a huge turn-off for end users and is bad for your bottom line.

So what can you do about it? This Performance Hub is here to help. We have comprehensive articles, books and videos on code-level optimization, server configurations, tools and third-party services for speeding up your apps.

We have extensive introductory guides to understanding website performance, tutorials showing how to perform various optimization tasks, and we cover a wide range of performance tools that will help you get the job done.

Understanding Website Performance

This introductory section of our Performance Hub covers a wide array of important factors involved in improving your website and web app performance.

We start with some basic considerations, such as the eternal question over which browsers your website should support. We also look at what CDNs are and what they do. And we take a crash course in progressive web apps.

We cover CSS performance recommendations, including CSS animation performance.

We provide an overview of JavaScript performance and look at lazy loading and jank-free JavaScript animations.

We also dig into optimizing WordPress themes and general WordPress optimization, and we cover the important topic of optimizing web fonts.

On the back-end side, we provide practical tips on optimizing MySQL and general database queries. We look at how to read and write large files efficiently with PHP

We look at making sites faster and safer with Cloudflare, the background, performance benefits and implementations of HTTP/2, and optimizing Docker-based CI runners with shared package caches.

We provide an in-depth walkthrough of supercharging apps with Blackfire, look at how to boost your server performance with Varnish, and how to process server logs.

You might also like to check out our print/ebook collection of these back-end performance tips.

Website Performance Tutorials

The Tutorials section is packed with useful, real-world hints and tips that you can use to boost the performance of your apps and websites today.

It contains a series of practical, real-world performance tutorials, all based around a single project: a simple image gallery blog. We build the project, and then run through a series of performance optimization processes. By the time you’re done, you’ll have achieved very significant performance improvements.

The series covers the basics of setting up and organizing files for a Symfony Flex project, data testing, PHP-level performance optimization, MySQL performance boosting, improving performance perception, on-demand image resizing, background processing, server-side optimization with Nginx and pm-static, and wraps up by looking at how to use Varnish and Cloudflare for maximum caching.

Website Performance Tools & Resources

The Tools section covers resources for getting the best performance results out of your apps and websites.

We start by discussing a wide range of development tools for boosting front-end and back-end website performance — some of which you’ll have heard of, others perhaps not — but all of which are worth adding to your app performance arsenal.

We also take a deep dive into optimization auditing with Chrome’s Dev Console, and we dig into performance auditing with Firefox.

We also look into tools for improving page load performance, we cover using ‘pm static’ for maximum performance, and we also dig into web app performance testing with Siege.