Speedup your WordPress mit Nginx und HTTP/2
- 1. 16.12.2015 - Martin Wolfert - https://wp-loft.de Speedup your WordPress with Nginx ANd HTTP/2 OR: How to get a performant WordPress installation without real caching plugins.
- 2. About … kid of the german „Babyboomer-Generation" lateral entrant in IT at 1-th of January 2000 means: 15 years of Linux- & WebHosting (LAMP) knowledge since 1998, own profession in WebDesign & PHP-Programming WordPress user since version 2.6 Panograf (360° photography) main profession: Operations-Architekt, working for 1&1 Internet SE in Karlsruhe Big fan of north-west france & and their coasts Redwine & Scottish Single-Malt Whisky (from Islay) gourmet
- 3. HTTP/2 Evolution HTTP/1.0 HTTP/1.1 SPDY HTTP/2 Source: 1)
- 4. Just to mention it Latency is the Problem Not bandwidth! Except video-streaming
- 5. HTTP/1.x versus HTTP/2 Source: 2) HTTP/1.1 uses many connections between client and server. As a modern browser could handle only 4 - 8 parallel connections on a chosen target domain. So, loading of e.g. a WordPress Page could be really painfull.
- 6. HTTP/2, The better Protocol (Based on the actual HTTP/2 implementation from OPenSource-NGinx 1.9.7 *) Single, Persistent Connection : Only one connection is used for each web page. The same connection is used as long as the web page is open. Multiplexing : Requests and replies are multiplexed onto separate streams within the single connection. When the connection is stable, “head of line blocking” is eliminated. Header Compression and Binary Encoding : Headers are compressed using a new, separate, secure standard -HPACK compression. It reduces the amount of data crossing the network. Header information is sent in compact, binary format, not as plain text. SSL Encryption - HTTP/2 allows you to add SSL support with, in some cases, no performance penalty, making your site more secure. * lacks of Server-Push and Prioritization
- 7. HTTP/2, Streaming Three components (ascending): Frames Messages Streams Source: 3)
- 8. HTTP/2 Multiplexing Source: 4) Interleave multiple requests in parallel without blocking on any one Interleave multiple responses in parallel without blocking on any one Use a single connection to deliver multiple requests and responses in parallel No old HTTP/1.1 stuff like e.g. image sprites or domain sharding
- 11. This little „OR“ in the Subline The „old“ stuff: - Handling HTTP&HTTPS Port - Nginx-Layer - Varnish-Layer - Apache-PHP-Layer The „cool“ state-of-the-art stuff: - only HTTPS (HTTP/2) Port - Nginx-Layer - HHVM / PHP-FPM - Layer - Redis-Server
- 12. Really Without Cache Plugin? Source: 6) To get a bit more speed „on top“, i have a Redis-Server running on my VPS. Redis is a key value store who can act as „persistent object cache“ to store e.g. WordPress database queries. So … we can start discussing, if Redis works as a cache or not :). And we could also discuss, if the Redis Object Cache Plugin, to bind WordPress to the Redis-Server, is a typical cache plugin or not.
- 13. My Optimizations in addition to HTTP/2 Source: 6) HHVM instead of PHP-FPM (with Opcache) Fast CGI Caching, based on Nginx Google’s mod_pagespeed, based on Nginx - CSS & JS - minify - DNS Prefetch - Async Google-Analytics - Image deduplication - etc. GEOIP-blocking Fail2ban based IP-blocking
- 14. A Resulting Speed Test (Tested with webpagetest.org) Source: 6)
- 15. Additional Informations https://kinsta.com/blog/the-definitive-php-7-final-version-hhvm-benchmark/ https://letsencrypt.org/ A bit self-promotion :-) So, if you need a 360° Panorama-picture, visit my website on http://panoramaatelier.de For WordPress-Support and my WordPress-Blog look at https://wp-loft.de My personal Blog, you can find on https://blog.lichttraeumer.de
- 16. THANK YOU !
- 17. Picture-Sources 1): „Human evolution scheme (2)“ von Human_evolution_scheme.svg: M. Gardederivative work: Gerbil (talk) - Human_evolution_scheme.svg. Lizenziert unter CC BY-SA 3.0 über Wikimedia Commons - https://commons.wikimedia.org/wiki/ File:Human_evolution_scheme_(2).jpg#/media/File:Human_evolution_scheme_(2).jpg 2 & 3): https://www.nginx.com/wp-content/uploads/2015/09/NGINX_HTTP2_White_Paper_v4.pdf 4): http://chimera.labs.oreilly.com/books/1230000000545/ch12.html 5) http://caniuse.com/#feat=http2 6) http://www.asterix-comics.de/pics/gallisches-dorf.jpg