HTTP/2 est en phase de se démocratiser. De quoi s'agit il exactement ? Comment en profiter pour mon site WordPress ? Présenté au WordCamp Paris 2016

1. HTTP/2
Quels impacts pour mon site WordPress

2. C’est quoi HTTP déjà ??!

3. Sir Tim Berner Lee au CERN, 1994

4. Hypertext Transfer Protocol
GET
HTML
Kikoo!

5. ARPANET
World
Wide
Web
HTTP
0.9
HTTP/1.1
HTTP
/2
1969 1991 1995 1999 2015
SPDY
20101983
TCP
IP

6. ● Requêtes plus légères
● Multiplexing et connexion persistante
● Push des données en amont
Pourquoi HTTP/2 ? Aller toujours plus vite

7. Hypertext Transfer Protocol
Credit : http://blog.scottlogic.com/2014/11/07/http-2-a-quick-look.html

8. Credit : http://webdesignledger.com/
La version simple...

9. Et ça marche ?

10. V.11
Tous les navigateurs modernes sont compatibles.
V.42V.45 V.34 V.9

11. Pas trop mal !

12. Mais seulement 6% des sites l’utilisent. Profitez en !

13. Passez en SSL

14. Optimisations Sans HTTP/2 Avec HTTP/2
Spriting
Concatenation
Sharding
CDN ???
Arrêtez les optimisations classiques.

15. Avec leur CDN >> schéma waterfall classique, 2.3s

16. Sans le CDN >> 1.8s, it’s 22% faster

17. ● Passez en SSL
● Arrêtez les optimisations redondantes
● Migrez vers un hébergeur compatible
Pour résumer, avant le grand saut.

18. Ressources
https://deliciousbrains.com/http2-https-lets-encrypt-wordpress/
http://wptavern.com/how-to-fix-images-not-loading-in-wordpress-4-4-while-using-ssl
https://wordpress.org/plugins/http2-server-push/
https://www.nginx.com/blog/7-tips-for-faster-http2-performance/
http://www.24joursdeweb.fr/2015/en-avant-vers-http2/
http://10up.com/blog/2016/wordpress-performance-cdn-http2/
https://ahmadawais.com/wordpress-and-http2-what-developers-need-to-know/
https://thethemefoundry.com/blog/why-we-dont-use-a-cdn-spdy-ssl/
http://www.sitepoint.com/http2-the-pros-the-cons-and-what-you-need-to-know/
MERCI
On en parle ?
laurent@themecloud.io