SlideShare una empresa de Scribd logo
HTTP/2
BUENAS PRÁCTICAS
Fernando Puente
@fpuenteonline
0
BIO
@fpuenteonline - Soy informático de vocación y de profesión,
formador frustrado y beginner de comer y beber.
Tengo 21 años de experiencia en TI, los últimos 11 en medios de
comunicación online y desde 2007 con plataformas WordPress.
CTO de La Estrategia de Chapman
Formador para no técnicos
Consultor y colaborador de SiteGround
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Sumario
1. Introducción
2. Buenas prácticas
3. Recomendaciones
4. Verdadero o falso
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
1
Introducción
Un nuevo protocolo de red para la WWW que viene para
mejorar el actual HTTP: las conexiones entre el navegador y el
servidor web.
Se trata de una mejora del actual protocolo HTTP para que las
conexiones a las páginas web sean más rápidas y eficaces,
reduciendo tiempos entre las llamadas.
Es una gran mejora, que lleva pendiente desde 1999, y que
comenzó Google con su protocolo SPDY en el 2009.
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
1
Características
• Binario
• Multiplexado => paralelización y prioridad
• Re-usa conexiones TCP
• Requiere HTTPS
• Compresión de cabeceras
• Push de servidor
• Tecnología nueva, menos de 2 años, pero amplia
implantación y compatibilidad
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
MEJORA ESTIMADA
10-15%
SOBRE HTTP/1.1
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
1
Navegadores soportan HTTP/2 (I)
• Internet Explorer: v11 o superior, sobre TLS y Windows 10
• Microsoft Edge: v12 o superior, sobre TLS
• Firefox: v41 o superior, sobre TLS
• Firefox para Android: v57 o superior, sobre TLS
• Chrome: v46 o superior, sobre TLS
• Chrome para Android: v57 o superior, sobre TLS
• Safari: v9 o superior, sobre TLS y OSX v10.11+
• Safari para iOS: v9.2 o superior, sobre TLS
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
1
• Opera: v33 o superior, sobre TLS
• Opera mobile: v33 o superior, sobre TLS
• Android Browser: v56 o superior, sobre TLS
• Samsung: v4 o superior, sobre TLS
• QQ: v1.2 o superior, sobre TLS
Demo y test: https://http2.akamai.com/demo
Navegadores soportan HTTP/2 (y II)
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
EL 80% DE LOS
NAVEGADORES
SOPORTAN HTTP/2
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Sumario
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
1. Introducción
2. Buenas prácticas
3. Recomendaciones
4. Verdadero o falso
2
Buenas prácticas
 Evitar
 Mantener
 Mejoras
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
2
Buenas prácticas: evitar
- Domain sharding o paralelizar nombres de hosts
- Uso de sprites o imágenes concatenadas
- Resource inlining (CSS o JS)
- Concatenar JS y CSS
- Keep Alive header, ya no es necesario
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
2
Buenas prácticas: mantener
- Lazy load o carga diferida
- Minificar archivos de texto, incluso ofuscar los JS
- Cualquier técnica de caché
- Compresión Gzip
- Uso de CDN para contenidos estáticos
- Uso de Service Workers
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
2
Buenas prácticas: mejoras
- Imágenes JPEG en formato progresivo
- Implementar SERVER PUSH
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
2
HTTP/2: SERVER PUSH
Fuente: blog.golang.org
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
2
HTTP/2: SERVER PUSH
PHP:
WordPress:
Test: Apache 2.4.18+ y Cloudflare
También disponible: Node.js y Go 1.8
header('Link: </assets/css/app.css>; rel=preload; as=style', false);
add_action( 'send_headers', 'add_header_push' );
function add_header_push() {
header( 'link: </wp-includes/js/jquery/jquery.js>; rel=preload;
as=script‘, false );
}
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
2
HTTP/2: SERVER PUSH (test)
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
2
HTTP/2: SERVER PUSH (avanzado)
Control de sesiones: sólo realizar PUSH si no tiene cookie
Ejemplo para .htaccess
Apache 2.4.18 & superior
#Push the CSS file using HTTP/2
<IfModule http2_module>
#Check cookie
SetEnvIf Cookie "ck_css=1" ck_css
#If no cookie, and it's an html file, then push & cookie:
<FilesMatch ".(htm|html|php)$”>
Header add Link "</css/common.css>;rel=preload;as=style" env=!ck_css
Header add Set-Cookie "ck_css=1; Path=/; Secure; HttpOnly" env=!ck_css
</FilesMatch>
</IfModule>
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Sumario
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
1. Introducción
2. Buenas prácticas
3. Recomendaciones
4. Verdadero o falso
3
Recomendaciones
- Cuidar el orden de carga de los JS y CSS. Usar defer en los
script que tengan relación con un script anterior prioritario
- Evitar minificar “en caliente”
- Reducir el número de cookies y su tamaño, incluso no usar
- Evitar redirecciones (>100ms cada una)
- Evitar carga bloqueante (ej: Web Fonts), pasar a asíncrona
o diferida
- Minimizar el número de peticiones DNS (50-120 ms)
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Sumario
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
1. Introducción
2. Buenas prácticas
3. Recomendaciones
4. Verdadero o falso
¿PREPARADO?
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTPS
=
HTTP/2
Pregunta 1
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTPS
=
HTTP/2
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
https://www.amazon.es
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
https://twitter.com
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTP/2
REQUIERE
SSL
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Pregunta 2
HTTP/2
REQUIERE
SSL
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTP/2
ES PARA TODOS,
ES UNIVERSAL
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Pregunta 3
HTTP/2
ES PARA TODOS,
ES UNIVERSAL
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
HTTP/2 REQUIERE
IMPLEMENTACIÓN EN EL
SERVIDOR Y SOPORTE POR
EL NAVEGADOR
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
PETICIÓN HTTP/2
ES MÁS RÁPIDA
QUE HTTP 1/1
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Pregunta 4
PETICIÓN HTTP/2
ES MÁS RÁPIDA
QUE HTTP 1/1
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
WEB OPTIMIZADA
HTTP/2
ES MÁS RÁPIDA QUE
HTTP 1/1
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
Pregunta 5
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
WEB OPTIMIZADA
HTTP/2
ES MÁS RÁPIDA QUE
HTTP 1/1
HTTP/2 ES UNA TECNOLOGÍA
Y ESTRATEGIA DE
OPTIMIZACIÓN QUE DEBES
IMPLEMENTAR
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
"Let's be careful out there“
Gracias
Fernando Puente
@fpuenteonline
Espera, ¿conoces ya
QUIC?
HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline

Más contenido relacionado

La actualidad más candente

Primeros pasos con WPO: aprende a analizar tu web - Taller
Primeros pasos con WPO: aprende a analizar tu web - TallerPrimeros pasos con WPO: aprende a analizar tu web - Taller
Primeros pasos con WPO: aprende a analizar tu web - Taller
Fernando Puente
 
WordPress - Oportunidades laborales
WordPress - Oportunidades laboralesWordPress - Oportunidades laborales
WordPress - Oportunidades laborales
Fernando Puente
 
Básicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciaciónBásicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciación
Fernando Puente
 
WordPress y cómo llegar al 50% de Internet
WordPress y cómo llegar al 50% de InternetWordPress y cómo llegar al 50% de Internet
WordPress y cómo llegar al 50% de Internet
Fernando Puente
 
WPO para proyectos WooComerce
WPO para proyectos WooComerceWPO para proyectos WooComerce
WPO para proyectos WooComerce
Fernando Puente
 
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
Fernando Puente
 
Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet
Fernando Puente
 
La analítica nos hace mejores
La analítica nos hace mejoresLa analítica nos hace mejores
La analítica nos hace mejores
Fernando Puente
 
Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...
Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...
Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...
Fernando Puente
 
Niveles de escalado para WordPress
Niveles de escalado para WordPressNiveles de escalado para WordPress
Niveles de escalado para WordPress
Fernando Puente
 
ALFA9 Presentación Corporativa de Servicios 2014
ALFA9 Presentación Corporativa de Servicios 2014ALFA9 Presentación Corporativa de Servicios 2014
ALFA9 Presentación Corporativa de Servicios 2014
iñaki bermejo
 
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
JuanKa Díaz - jdevelopia
 

La actualidad más candente (12)

Primeros pasos con WPO: aprende a analizar tu web - Taller
Primeros pasos con WPO: aprende a analizar tu web - TallerPrimeros pasos con WPO: aprende a analizar tu web - Taller
Primeros pasos con WPO: aprende a analizar tu web - Taller
 
WordPress - Oportunidades laborales
WordPress - Oportunidades laboralesWordPress - Oportunidades laborales
WordPress - Oportunidades laborales
 
Básicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciaciónBásicos para medir tu web - Taller de iniciación
Básicos para medir tu web - Taller de iniciación
 
WordPress y cómo llegar al 50% de Internet
WordPress y cómo llegar al 50% de InternetWordPress y cómo llegar al 50% de Internet
WordPress y cómo llegar al 50% de Internet
 
WPO para proyectos WooComerce
WPO para proyectos WooComerceWPO para proyectos WooComerce
WPO para proyectos WooComerce
 
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
 
Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet
 
La analítica nos hace mejores
La analítica nos hace mejoresLa analítica nos hace mejores
La analítica nos hace mejores
 
Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...
Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...
Los imprescindibles para tu proyecto WordPress, ¿qué tengo que llevar en la m...
 
Niveles de escalado para WordPress
Niveles de escalado para WordPressNiveles de escalado para WordPress
Niveles de escalado para WordPress
 
ALFA9 Presentación Corporativa de Servicios 2014
ALFA9 Presentación Corporativa de Servicios 2014ALFA9 Presentación Corporativa de Servicios 2014
ALFA9 Presentación Corporativa de Servicios 2014
 
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
 

Similar a HTTP/2: Buenas prácticas - WordCamp Madrid 2017

Programacion Web UGR - Tema 1.pdf
Programacion Web UGR - Tema 1.pdfProgramacion Web UGR - Tema 1.pdf
Programacion Web UGR - Tema 1.pdf
AnonymousNdBOr4
 
Desarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZDesarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZ
equipo24
 
Backbeam
BackbeamBackbeam
Backbeam
betabeers
 
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
equipo24
 
2015 presentation corporate_alfa9_cast
2015 presentation corporate_alfa9_cast2015 presentation corporate_alfa9_cast
2015 presentation corporate_alfa9_cast
iñaki bermejo
 
Servidor push
Servidor pushServidor push
Servidor push
Jonathan Andrade
 
Tipologías de migración - WordCamp Valencia 2019
Tipologías de migración - WordCamp Valencia 2019Tipologías de migración - WordCamp Valencia 2019
Tipologías de migración - WordCamp Valencia 2019
Fernando Puente
 
Beneficios de utilizar una CDN en tu proyecto WordPress
Beneficios de utilizar una CDN en tu proyecto WordPressBeneficios de utilizar una CDN en tu proyecto WordPress
Beneficios de utilizar una CDN en tu proyecto WordPress
Fernando Puente
 
WordPress y WPO
WordPress y WPOWordPress y WPO
WordPress y WPO
Pablo López Mestre
 
Evento de Partners SiteGround "Escalando WordPress"
Evento de Partners SiteGround "Escalando WordPress"Evento de Partners SiteGround "Escalando WordPress"
Evento de Partners SiteGround "Escalando WordPress"
SiteGround España
 
Escalando WordPress
Escalando WordPressEscalando WordPress
Escalando WordPress
Fernando Tellado
 
Html5
Html5Html5
SimpleSAMLphp
SimpleSAMLphpSimpleSAMLphp
SimpleSAMLphp
Jaime Pérez Crespo
 
1.arquitectura web
1.arquitectura web1.arquitectura web
1.arquitectura web
gina huertas
 
01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intix01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intix
Roger CARHUATOCTO
 
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
cricc
 
Optimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMPOptimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMP
Fernando Serer
 
Presentación html5
Presentación html5Presentación html5
Presentación html5
aydimdagam
 
Open Source Modern Web Development
Open Source Modern Web DevelopmentOpen Source Modern Web Development
Open Source Modern Web Development
Jaime Irurzun
 
Optimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-MemoryOptimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-Memory
Gonzalo Chacaltana
 

Similar a HTTP/2: Buenas prácticas - WordCamp Madrid 2017 (20)

Programacion Web UGR - Tema 1.pdf
Programacion Web UGR - Tema 1.pdfProgramacion Web UGR - Tema 1.pdf
Programacion Web UGR - Tema 1.pdf
 
Desarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZDesarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZ
 
Backbeam
BackbeamBackbeam
Backbeam
 
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
 
2015 presentation corporate_alfa9_cast
2015 presentation corporate_alfa9_cast2015 presentation corporate_alfa9_cast
2015 presentation corporate_alfa9_cast
 
Servidor push
Servidor pushServidor push
Servidor push
 
Tipologías de migración - WordCamp Valencia 2019
Tipologías de migración - WordCamp Valencia 2019Tipologías de migración - WordCamp Valencia 2019
Tipologías de migración - WordCamp Valencia 2019
 
Beneficios de utilizar una CDN en tu proyecto WordPress
Beneficios de utilizar una CDN en tu proyecto WordPressBeneficios de utilizar una CDN en tu proyecto WordPress
Beneficios de utilizar una CDN en tu proyecto WordPress
 
WordPress y WPO
WordPress y WPOWordPress y WPO
WordPress y WPO
 
Evento de Partners SiteGround "Escalando WordPress"
Evento de Partners SiteGround "Escalando WordPress"Evento de Partners SiteGround "Escalando WordPress"
Evento de Partners SiteGround "Escalando WordPress"
 
Escalando WordPress
Escalando WordPressEscalando WordPress
Escalando WordPress
 
Html5
Html5Html5
Html5
 
SimpleSAMLphp
SimpleSAMLphpSimpleSAMLphp
SimpleSAMLphp
 
1.arquitectura web
1.arquitectura web1.arquitectura web
1.arquitectura web
 
01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intix01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intix
 
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
Mariluz Congosto (2019). Social network analysis: una herramienta para desenm...
 
Optimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMPOptimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMP
 
Presentación html5
Presentación html5Presentación html5
Presentación html5
 
Open Source Modern Web Development
Open Source Modern Web DevelopmentOpen Source Modern Web Development
Open Source Modern Web Development
 
Optimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-MemoryOptimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-Memory
 

Más de Fernando Puente

¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…
¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…
¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…
Fernando Puente
 
Qué es y para que sirve la carga condicional
Qué es y para que sirve la carga condicionalQué es y para que sirve la carga condicional
Qué es y para que sirve la carga condicional
Fernando Puente
 
Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...
Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...
Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...
Fernando Puente
 
WordPress. Modelos de negocio
WordPress. Modelos de negocioWordPress. Modelos de negocio
WordPress. Modelos de negocio
Fernando Puente
 
Mitos y realidades sobre el WPO en WordPress
Mitos y realidades sobre el WPO en WordPressMitos y realidades sobre el WPO en WordPress
Mitos y realidades sobre el WPO en WordPress
Fernando Puente
 
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressHTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
Fernando Puente
 
WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...
WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...
WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...
Fernando Puente
 
WP-Cron: ni contigo, ni sin ti
WP-Cron: ni contigo, ni sin tiWP-Cron: ni contigo, ni sin ti
WP-Cron: ni contigo, ni sin ti
Fernando Puente
 
Taller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de pluginsTaller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de plugins
Fernando Puente
 
Extender la funcionalidad de WordPress
Extender la funcionalidad de WordPressExtender la funcionalidad de WordPress
Extender la funcionalidad de WordPress
Fernando Puente
 
Técnicas para monetizar un sitio WordPress
Técnicas para monetizar un sitio WordPressTécnicas para monetizar un sitio WordPress
Técnicas para monetizar un sitio WordPress
Fernando Puente
 
Gutenberg, ¿la revolución de WordPress?
Gutenberg, ¿la revolución de WordPress?Gutenberg, ¿la revolución de WordPress?
Gutenberg, ¿la revolución de WordPress?
Fernando Puente
 
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Fernando Puente
 
Gutenberg revoluciona WordPress - Congreso Web 2018
Gutenberg revoluciona WordPress - Congreso Web 2018Gutenberg revoluciona WordPress - Congreso Web 2018
Gutenberg revoluciona WordPress - Congreso Web 2018
Fernando Puente
 
Freelance WordPress: cómo tener éxito profesional
Freelance WordPress: cómo tener éxito profesionalFreelance WordPress: cómo tener éxito profesional
Freelance WordPress: cómo tener éxito profesional
Fernando Puente
 

Más de Fernando Puente (15)

¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…
¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…
¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…
 
Qué es y para que sirve la carga condicional
Qué es y para que sirve la carga condicionalQué es y para que sirve la carga condicional
Qué es y para que sirve la carga condicional
 
Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...
Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...
Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...
 
WordPress. Modelos de negocio
WordPress. Modelos de negocioWordPress. Modelos de negocio
WordPress. Modelos de negocio
 
Mitos y realidades sobre el WPO en WordPress
Mitos y realidades sobre el WPO en WordPressMitos y realidades sobre el WPO en WordPress
Mitos y realidades sobre el WPO en WordPress
 
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressHTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
 
WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...
WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...
WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...
 
WP-Cron: ni contigo, ni sin ti
WP-Cron: ni contigo, ni sin tiWP-Cron: ni contigo, ni sin ti
WP-Cron: ni contigo, ni sin ti
 
Taller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de pluginsTaller WPO - Carga condicional de plugins
Taller WPO - Carga condicional de plugins
 
Extender la funcionalidad de WordPress
Extender la funcionalidad de WordPressExtender la funcionalidad de WordPress
Extender la funcionalidad de WordPress
 
Técnicas para monetizar un sitio WordPress
Técnicas para monetizar un sitio WordPressTécnicas para monetizar un sitio WordPress
Técnicas para monetizar un sitio WordPress
 
Gutenberg, ¿la revolución de WordPress?
Gutenberg, ¿la revolución de WordPress?Gutenberg, ¿la revolución de WordPress?
Gutenberg, ¿la revolución de WordPress?
 
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
 
Gutenberg revoluciona WordPress - Congreso Web 2018
Gutenberg revoluciona WordPress - Congreso Web 2018Gutenberg revoluciona WordPress - Congreso Web 2018
Gutenberg revoluciona WordPress - Congreso Web 2018
 
Freelance WordPress: cómo tener éxito profesional
Freelance WordPress: cómo tener éxito profesionalFreelance WordPress: cómo tener éxito profesional
Freelance WordPress: cómo tener éxito profesional
 

Último

CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdfCURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
LagsSolucSoporteTecn
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
renzocruz180310
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
231485414
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
edwinedsonsuyo
 
trabajo monografico sobre el yandex .jim
trabajo monografico sobre el yandex .jimtrabajo monografico sobre el yandex .jim
trabajo monografico sobre el yandex .jim
jhonyaicaterodriguez
 
El uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidianaEl uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidiana
231458066
 
trabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdk
trabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdktrabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdk
trabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdk
KukiiSanchez
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
giampierdiaz5
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
AbrahamCastillo42
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
La Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docxLa Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docx
luiscohailatenazoa0
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
jgvanessa23
 
Gobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a finGobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a fin
Juan Carlos Gonzalez
 
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
KukiiSanchez
 
C1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptxC1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptx
Guillermo Obispo San Román
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
pauca1501alvar
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
Plan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en VenezuelaPlan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en Venezuela
Gabrielm88
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
yessicacarrillo16
 

Último (20)

CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdfCURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
 
trabajo monografico sobre el yandex .jim
trabajo monografico sobre el yandex .jimtrabajo monografico sobre el yandex .jim
trabajo monografico sobre el yandex .jim
 
El uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidianaEl uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidiana
 
trabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdk
trabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdktrabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdk
trabajo práctico kuikikiikkidfsmdklfskdnfklsdnfknsdk
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
La Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docxLa Inteligencia Artificial en la actualidad.docx
La Inteligencia Artificial en la actualidad.docx
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
 
Gobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a finGobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a fin
 
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
 
C1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptxC1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptx
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
Plan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en VenezuelaPlan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en Venezuela
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
 

HTTP/2: Buenas prácticas - WordCamp Madrid 2017

  • 2. 0 BIO @fpuenteonline - Soy informático de vocación y de profesión, formador frustrado y beginner de comer y beber. Tengo 21 años de experiencia en TI, los últimos 11 en medios de comunicación online y desde 2007 con plataformas WordPress. CTO de La Estrategia de Chapman Formador para no técnicos Consultor y colaborador de SiteGround HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 3. Sumario 1. Introducción 2. Buenas prácticas 3. Recomendaciones 4. Verdadero o falso HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 4. 1 Introducción Un nuevo protocolo de red para la WWW que viene para mejorar el actual HTTP: las conexiones entre el navegador y el servidor web. Se trata de una mejora del actual protocolo HTTP para que las conexiones a las páginas web sean más rápidas y eficaces, reduciendo tiempos entre las llamadas. Es una gran mejora, que lleva pendiente desde 1999, y que comenzó Google con su protocolo SPDY en el 2009. HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 5. 1 Características • Binario • Multiplexado => paralelización y prioridad • Re-usa conexiones TCP • Requiere HTTPS • Compresión de cabeceras • Push de servidor • Tecnología nueva, menos de 2 años, pero amplia implantación y compatibilidad HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 6. MEJORA ESTIMADA 10-15% SOBRE HTTP/1.1 HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 7. 1 Navegadores soportan HTTP/2 (I) • Internet Explorer: v11 o superior, sobre TLS y Windows 10 • Microsoft Edge: v12 o superior, sobre TLS • Firefox: v41 o superior, sobre TLS • Firefox para Android: v57 o superior, sobre TLS • Chrome: v46 o superior, sobre TLS • Chrome para Android: v57 o superior, sobre TLS • Safari: v9 o superior, sobre TLS y OSX v10.11+ • Safari para iOS: v9.2 o superior, sobre TLS HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 8. 1 • Opera: v33 o superior, sobre TLS • Opera mobile: v33 o superior, sobre TLS • Android Browser: v56 o superior, sobre TLS • Samsung: v4 o superior, sobre TLS • QQ: v1.2 o superior, sobre TLS Demo y test: https://http2.akamai.com/demo Navegadores soportan HTTP/2 (y II) HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 9. EL 80% DE LOS NAVEGADORES SOPORTAN HTTP/2 HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 10. Sumario HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline 1. Introducción 2. Buenas prácticas 3. Recomendaciones 4. Verdadero o falso
  • 11. 2 Buenas prácticas  Evitar  Mantener  Mejoras HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 12. 2 Buenas prácticas: evitar - Domain sharding o paralelizar nombres de hosts - Uso de sprites o imágenes concatenadas - Resource inlining (CSS o JS) - Concatenar JS y CSS - Keep Alive header, ya no es necesario HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 13. 2 Buenas prácticas: mantener - Lazy load o carga diferida - Minificar archivos de texto, incluso ofuscar los JS - Cualquier técnica de caché - Compresión Gzip - Uso de CDN para contenidos estáticos - Uso de Service Workers HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 14. HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 15. 2 Buenas prácticas: mejoras - Imágenes JPEG en formato progresivo - Implementar SERVER PUSH HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 16. 2 HTTP/2: SERVER PUSH Fuente: blog.golang.org HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 17. 2 HTTP/2: SERVER PUSH PHP: WordPress: Test: Apache 2.4.18+ y Cloudflare También disponible: Node.js y Go 1.8 header('Link: </assets/css/app.css>; rel=preload; as=style', false); add_action( 'send_headers', 'add_header_push' ); function add_header_push() { header( 'link: </wp-includes/js/jquery/jquery.js>; rel=preload; as=script‘, false ); } HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 18. 2 HTTP/2: SERVER PUSH (test) HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 19. 2 HTTP/2: SERVER PUSH (avanzado) Control de sesiones: sólo realizar PUSH si no tiene cookie Ejemplo para .htaccess Apache 2.4.18 & superior #Push the CSS file using HTTP/2 <IfModule http2_module> #Check cookie SetEnvIf Cookie "ck_css=1" ck_css #If no cookie, and it's an html file, then push & cookie: <FilesMatch ".(htm|html|php)$”> Header add Link "</css/common.css>;rel=preload;as=style" env=!ck_css Header add Set-Cookie "ck_css=1; Path=/; Secure; HttpOnly" env=!ck_css </FilesMatch> </IfModule> HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 20. Sumario HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline 1. Introducción 2. Buenas prácticas 3. Recomendaciones 4. Verdadero o falso
  • 21. 3 Recomendaciones - Cuidar el orden de carga de los JS y CSS. Usar defer en los script que tengan relación con un script anterior prioritario - Evitar minificar “en caliente” - Reducir el número de cookies y su tamaño, incluso no usar - Evitar redirecciones (>100ms cada una) - Evitar carga bloqueante (ej: Web Fonts), pasar a asíncrona o diferida - Minimizar el número de peticiones DNS (50-120 ms) HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 22. Sumario HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline 1. Introducción 2. Buenas prácticas 3. Recomendaciones 4. Verdadero o falso
  • 23. ¿PREPARADO? HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 24. HTTPS = HTTP/2 Pregunta 1 HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 25. HTTPS = HTTP/2 HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 26. https://www.amazon.es HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 27. https://twitter.com HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 28. HTTP/2 REQUIERE SSL HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline Pregunta 2
  • 29. HTTP/2 REQUIERE SSL HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 30. HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 31. HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 32. HTTP/2 ES PARA TODOS, ES UNIVERSAL HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline Pregunta 3
  • 33. HTTP/2 ES PARA TODOS, ES UNIVERSAL HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 34. HTTP/2 REQUIERE IMPLEMENTACIÓN EN EL SERVIDOR Y SOPORTE POR EL NAVEGADOR HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 35. PETICIÓN HTTP/2 ES MÁS RÁPIDA QUE HTTP 1/1 HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline Pregunta 4
  • 36. PETICIÓN HTTP/2 ES MÁS RÁPIDA QUE HTTP 1/1 HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 37. WEB OPTIMIZADA HTTP/2 ES MÁS RÁPIDA QUE HTTP 1/1 HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline Pregunta 5
  • 38. HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline WEB OPTIMIZADA HTTP/2 ES MÁS RÁPIDA QUE HTTP 1/1
  • 39. HTTP/2 ES UNA TECNOLOGÍA Y ESTRATEGIA DE OPTIMIZACIÓN QUE DEBES IMPLEMENTAR HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline
  • 40. "Let's be careful out there“ Gracias Fernando Puente @fpuenteonline
  • 41. Espera, ¿conoces ya QUIC? HTTP/2: buenas prácticas – WordCamp Madrid 2017 - @fpuenteonline