Website Performance Tutorials

This Tutorials section of SitePoint’s Website Performance Hub 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.

In our first setup article, we cover the basics of setting up and organizing files for a Symfony Flex project, including tips, tricks and helper scripts to speed up development.

The next stage revolves around data testing, where we show how to populate the database with data to test application performance.

We also introduce PHP-level performance optimization, applying Blackfire to a freshly started project to identify PHP performance bottlenecks, establishing a process of continuous performance testing.

Following that, we cover MySQL performance boosting, showing how you can use explain and indexes to spot and remedy possible performance issues with your database before they strike.

The next step in our image gallery blog series, we investigate improving performance perception, showing how to use Pingdom, YSlow and GTmetrix to improve performance on an image gallery blog running on Nginx.

We also focus on improving performance perception with on-demand image resizing, showing how to serve resized versions of images depending on the size of the viewport.

What about background processing? We explain what it is, why it’s important, and how to set it up with Beanstalkd and Supervisor.

Next we look at server-side optimization with Nginx and pm-static, showing how to optimize on-the-fly thumbnail generation and reduce request times.

To wrap things up, we cover how to use Varnish and Cloudflare for maximum caching, showing how to implement Varnish as an additional caching layer, along with the Cloudflare CDN, to increase an app’s GTMetrix score dramatically.

If you’d prefer to hold a book in your hand, or take these tutorials with you offline, check out our print/ebook collection of these performance tutorials.

Further Learning

Keep in mind that this performance hub also includes a comprehensive introductory series of guides to the various aspects of website performance, as well as a Tools and Resources section, which covers resources for getting the best performance results out of your apps and websites.