HTTP/2
Quels impacts pour mon site WordPress
C’est quoi HTTP déjà ??!
Sir Tim Berner Lee au CERN, 1994
Hypertext Transfer Protocol
GET
HTML
Kikoo!
ARPANET
World
Wide
Web
HTTP
0.9
HTTP/1.1
HTTP
/2
1969 1991 1995 1999 2015
SPDY
20101983
TCP
IP
● Requêtes plus légères
● Multiplexing et connexion persistante
● Push des données en amont
Pourquoi HTTP/2 ? Aller toujou...
Hypertext Transfer Protocol
Credit : http://blog.scottlogic.com/2014/11/07/http-2-a-quick-look.html
Credit : http://webdesignledger.com/
La version simple...
Et ça marche ?
V.11
Tous les navigateurs modernes sont compatibles.
V.42V.45 V.34 V.9
Pas trop mal !
Mais seulement 6% des sites l’utilisent. Profitez en !
Passez en SSL
Optimisations Sans HTTP/2 Avec HTTP/2
Spriting
Concatenation
Sharding
CDN ???
Arrêtez les optimisations classiques.
Avec leur CDN >> schéma waterfall classique, 2.3s
Sans le CDN >> 1.8s, it’s 22% faster
● Passez en SSL
● Arrêtez les optimisations redondantes
● Migrez vers un hébergeur compatible
Pour résumer, avant le grand...
Ressources
https://deliciousbrains.com/http2-https-lets-encrypt-wordpress/
http://wptavern.com/how-to-fix-images-not-loadi...
Prochain SlideShare
Chargement dans…5
×

HTTP/2, quels impacts pour mon site WordPress ?

1 571 vues

Publié le

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

Publié dans : Internet
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

HTTP/2, quels impacts pour mon site WordPress ?

  1. 1. HTTP/2 Quels impacts pour mon site WordPress
  2. 2. C’est quoi HTTP déjà ??!
  3. 3. Sir Tim Berner Lee au CERN, 1994
  4. 4. Hypertext Transfer Protocol GET HTML Kikoo!
  5. 5. ARPANET World Wide Web HTTP 0.9 HTTP/1.1 HTTP /2 1969 1991 1995 1999 2015 SPDY 20101983 TCP IP
  6. 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. 7. Hypertext Transfer Protocol Credit : http://blog.scottlogic.com/2014/11/07/http-2-a-quick-look.html
  8. 8. Credit : http://webdesignledger.com/ La version simple...
  9. 9. Et ça marche ?
  10. 10. V.11 Tous les navigateurs modernes sont compatibles. V.42V.45 V.34 V.9
  11. 11. Pas trop mal !
  12. 12. Mais seulement 6% des sites l’utilisent. Profitez en !
  13. 13. Passez en SSL
  14. 14. Optimisations Sans HTTP/2 Avec HTTP/2 Spriting Concatenation Sharding CDN ??? Arrêtez les optimisations classiques.
  15. 15. Avec leur CDN >> schéma waterfall classique, 2.3s
  16. 16. Sans le CDN >> 1.8s, it’s 22% faster
  17. 17. ● Passez en SSL ● Arrêtez les optimisations redondantes ● Migrez vers un hébergeur compatible Pour résumer, avant le grand saut.
  18. 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

×