Configuring the server for HTTP/2 supportfor Drupal 8 , 9 , 10 , and 11

Home » Performance Optimization » Configuring the server for HTTP/2 support
Last updated :  
8.x , 9.x , 10.x , 11.x

Following our exploration of optimizing PHP-FPM settings, enhancing your server’s performance with HTTP/2 is crucial. HTTP/2 is the latest version of the HTTP protocol, bringing significant performance improvements including multiplexing, header compression, and prioritization, resulting in faster page loads for your Drupal site.

Understanding HTTP/2

HTTP/2 is designed to overcome some of the limitations of HTTP/1.1. It provides significant speed improvements and optimizations by allowing multiple requests and responses to be processed concurrently, making better use of available network resources.

Benefits of HTTP/2

  • Multiplexing Requests: Allows multiple requests and responses to be exchanged in parallel over a single TCP connection, reducing latency.
  • Header Compression: Compresses HTTP headers, reducing overhead and speeding up data transmission.
  • Prioritization: Prioritizes resources, ensuring important assets like CSS and scripts load first.
  • Faster Connection Reuse: More efficient utilization of persistent connections, saving resources and time.

Enabling HTTP/2 on Your Server

To leverage these benefits, ensure your server is configured to support HTTP/2. This section covers setting up HTTP/2 on Apache and Nginx.

Configuring HTTP/2 on Apache

Apache 2.4.17 and later support HTTP/2. Here’s how you can enable it:

Step 1: Enable the HTTP/2 Module

First, ensure the HTTP/2 module is enabled by running:


sudo a2enmod http2

Step 2: Configure Your Virtual Host

Edit your site’s virtual host configuration to support HTTP/2:


<VirtualHost *:443>
    Protocols h2 http/1.1
    ServerName www.example.com
    # Other directives...
</VirtualHost>

Step 3: Restart Apache

Once configured, restart Apache to apply changes:


sudo service apache2 restart

Configuring HTTP/2 on Nginx

Nginx supports HTTP/2 starting with version 1.9.5. Here’s how to enable it:

Step 1: Update Your Nginx Configuration

Edit your Nginx server block to include HTTP/2:


server {
    listen 443 ssl http2;
    server_name www.example.com;
    # SSL configuration...
    # Other directives...
}

Step 2: Restart Nginx

Restart the Nginx service to apply your configuration:


sudo service nginx restart

Validating HTTP/2 Support

After setup, it's crucial to test whether HTTP/2 is active. Tools like KeyCDN's HTTP/2 Test or browser developer tools can help verify if HTTP/2 is functioning correctly on your site.

Conclusion

Configuring your server to support HTTP/2 is a powerful step in optimizing your Drupal site, offering enhanced performance, quicker load times, and improved user experiences. The transition to HTTP/2 ensures your site remains competitive in delivering content quickly and efficiently.

What's Next?

In our next tutorial, we will explore "Using Varnish for Full-Page Caching." This will further push the limits of your site's performance by offloading cache delivery to a dedicated caching server, enhancing speed and scalability.