6. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Por qué mejorar el rendimiento?
● Porcentaje de conversión.
● SEO.
● Adwords.
● Ahorrar costes.
7. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Por qué mejorar el rendimiento?
● 47% de los consumidores esperan que la web cargue en 2 segundos o menos.
● 40% de los usuarios abandonan un sitio web si tarda más de 3 segundos en cargar.
● Un segundo de retardo en la carga de una página puede suponer una reducción de la
conversión de un 7%
● Si un e-commerce factura $100,000 al día, 1 segundo de retardo puede costarle $2,5
millones en pérdida de ventas cada año.
Fuente: KISSMETRICS
8. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Por qué mejorar el rendimiento?
¿Cuánto debe tardar en cargar una web?
Lo normal sería entre 500 milisegundos a 2 segundos como mucho.
● Tiempo medio de carga: 5 segundos;
● Tamaño medio de página: 3Mb;
● Número medio de imágenes: 42;
● Número medio de JavaScripts: 21;
● Número medio de peticiones http: 89.
Fuente: Pingdom 2015 Stats
14. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: wordpress, plugins y temas
Lightweight themes - Temas ligeros:
Buscar temas simples, muchas características
pueden complicar la carga.
16. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
Sin un buen servidor,
por mucha optimización que haya
la web seguirá siendo lenta.
18. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
Fuente: Fluent - San Francisco: http://talks.php.net/fluent15#/
19. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
● Comprobar si wordpress, plugins y themes son compatibles.
25. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
2. Reducir carga web: plugins
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
● No utilizaré todo los plugins que existen
26. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
2. Reducir carga web: plugins
¿Y por qué no?
Por Seguridad
Por Rendimiento
Por no perder
el control
Porque muchos
no son necesarios
27. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
2. Reducir carga web: plugins
● Analizar plugins actuales y eliminar los innecesarios.
● Eliminar aquellos que consumen más de lo normal.
29. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
2. Reducir carga web: configuración
● Menos artículos por página (de 10 a 7 por ejemplo).
● Limitar número de comentarios por página.
● Reducir los widgets externos (FB, twitter, etc.) y iframes.
● Segmentar páginas demasiado largas.
35. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
● Versión gratuita y de pago.
● Optimización sencilla / permite redimensionar.
47. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidor
Combinar el uso de Apache y Nginx:
Juntos consiguen mejor rendimiento: Nginx como servidor estático en el front-end
y Apache como servidor dinámico en back-end.
54. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
Agiliza la carga de diferentes tipos de archivos. ( disco,
navegador, bd, etc.)
¡Cuidado con la caché y los usuarios registrados!
55. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
● Probablemente el más completo.
● Muchas opciones, en algunos casos demasiadas.
63. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify
¿Qué es minificar?
Eliminar todo lo innecesario del código sin que esto
afecte al funcionamiento del mismo.
64. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify
¿Qué se elimina?
● Espacios en blanco.
● Comentarios.
● Otros caracteres innecesarios.
72. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN
Conjunto de servidores que contienen copias de una misma serie de
contenidos.
Están ubicados en puntos diversos de una red para poder servir sus
contenidos de manera más eficiente, según la
ubicación más cercana.
74. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN: Cloudflare
● Existe una versión gratuita, para pequeñas webs personales.
● Versión de pago desde $20 / mes.
75. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN: Cloudflare
● Web copiada en los servidores de cloudflare.
● Plugin muy sencillo.
77. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN: MaxCDN
● Web replicada en varios servidores con sistema de cache.
● Se puede utilizar con cualquier plugin de cache (W3, WP Fastest Cache, etc.)
79. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
8. Utilizar HTTP2 y SSL
HTTP2 es aproximadamente el doble de rápido que la versión anterior.
81. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
8. Utilizar HTTP2 y SSL
Actualmente todos los navegadores soportan el protocolo
HTTP2, aunque siempre sobre HTTPS.
Se necesita un certificado SSL como Let’s Encrypt para
poder utilizar HTTP2.
87. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar mejoras
No es ninguna tontería, puede que la propia
optimización se haya cargado nuestra web.
93. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10 consejos
1. Analizar web
2. Reducir carga web
3. Optimizar imágenes
4. Activar compresión servidor
5. Utilizar cache
Por supuesto, esto no acaba aquí, pero es un buen comienzo ;)
6. Minificar (Minify)
7. Utilizar un CDN
8. Utilizar HTTP2 y SSL
9. Cargar de forma diferida
10. Comprobar mejoras
94. #youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
No hay que obsesionarse en conseguir un 100 en PageSpeed,
pero sí en conseguir que la web vuele.