Make fewer HTTP requests in WordPress
One of the common items highlighted in both Pingdom’s Speed Test tool and a GTMetrix report is ‘Make fewer HTTP requests’. Pingdom describe this practise as: Decreasing the number of components on a page reduces the number of HTTP requests required to render the page, resulting in faster page loads. Some ways to reduce the number of components include: combine files, combine multiple scripts into one script, combine multiple CSS files into one style sheet, and use CSS Sprites and image maps.
To demonstrate how you can make fewer HTTP requests I’m going to perform a number of tests on hypnotherapypreston.uk – a simple WordPress website using the Elementor page builder…
Website with no optimisation plugin active:
If you are using a WordPress website there are many plugins available which promise to enable your site to make fewer HTTP requests. For a number of years I’ve been using Autoptimize – a popular add-on with over 1 million active installations.
Using Autoptimize to make fewer HTTP requests:
Fast Velocity Minify is a lesser known addition for WordPress – at the time of writing it has approximately 80,000 active installs however it does however carry a great 4.9/5 rating. Upon installation, settings are easy to configure in a few button clicks.
Using Fast Velocity Minify to make fewer HTTP requests:
As you can see, HTTP requests have reduced to just 6 and the grade has gone up to 88%. Importantly, I have not encountered any conflicts with other plugins.
Making fewer HTTP requests is an important area to look at when putting a website together. It can improve website experience for the visitor by reducing load times and will help with your SEO too; a website that scores well will rank better than a similar site that is not set up correctly. If you are using WordPress there is no excuse to neglect this key performance indicator.