10 consejos para mejorar la wpo en wordpress - ponencia wordcamp alicante 2017
TRANSCRIPT
![Page 1: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/1.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
Juan Seguí - @juansegui
10 consejos para mejorar la WPO en WordPress
![Page 2: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/2.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Qué es WPO?Web Performance Optimization - Optimización de rendimiento
![Page 3: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/3.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Qué es WPO?
![Page 4: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/4.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Qué es WPO?
![Page 5: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/5.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Qué es WPO?
![Page 6: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/6.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
¿Por qué mejorar el rendimiento?● Porcentaje de conversión.
● SEO.
● Adwords.
● Ahorrar costes.
![Page 7: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/7.jpg)
#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
![Page 8: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/8.jpg)
#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
![Page 9: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/9.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10 consejos WPO
![Page 10: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/10.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web
![Page 11: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/11.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: wordpress, plugins y temas
![Page 12: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/12.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: wordpress, plugins y temas
![Page 13: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/13.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: wordpress, plugins y temas
¿Me cargo Jetpack?
![Page 14: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/14.jpg)
#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.
![Page 15: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/15.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: wordpress, plugins y temas
¿Versión AMP?
![Page 16: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/16.jpg)
#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.
![Page 17: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/17.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
![Page 18: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/18.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
Fuente: Fluent - San Francisco: http://talks.php.net/fluent15#/
![Page 19: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/19.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
● Comprobar si wordpress, plugins y themes son compatibles.
![Page 20: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/20.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
![Page 21: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/21.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: servidor y versión PHP
![Page 22: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/22.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: velocidad carga actual
![Page 23: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/23.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
1. Analizar web: velocidad carga actual
![Page 24: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/24.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
2. Reducir carga web
![Page 25: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/25.jpg)
#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
![Page 26: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/26.jpg)
#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 muchosno son necesarios
![Page 27: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/27.jpg)
#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.
![Page 28: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/28.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
2. Reducir carga web: Plugins
![Page 29: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/29.jpg)
#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.
![Page 30: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/30.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes
![Page 31: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/31.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes
Servir imágenes correctamente escaladas
![Page 32: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/32.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes
Loseless
(sin pérdida)
vs
Lossy
(con pérdida)
![Page 33: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/33.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin regenerar thumbnailsRegenerate thumbnails
![Page 34: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/34.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: utilizar compresor imágenes
![Page 35: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/35.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
● Versión gratuita y de pago.● Optimización sencilla / permite redimensionar.
![Page 36: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/36.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
![Page 37: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/37.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
● Bulk Edit● WebP
![Page 38: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/38.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
![Page 39: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/39.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
● Permite especificar Lossy o Lossless.● Permite concretar cómo será el resize.
![Page 40: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/40.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
![Page 41: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/41.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
● Gratuito.● Muy simple.
![Page 42: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/42.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
3. Optimizar imágenes: plugin
![Page 43: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/43.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidor
![Page 44: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/44.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidor
VENTAJA: Potencia
DESVENTAJA: Consume muchos recursos
![Page 45: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/45.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidor
VENTAJA: Velocidad
DESVENTAJA: Necesita de otros módulos para servir contenido dinámico
![Page 46: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/46.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidorCombinar el uso de Apache y Nginx
POTENCIA VELOCIDAD
![Page 47: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/47.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidorCombinar 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.
![Page 48: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/48.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidorActivar compresión GZIP
![Page 49: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/49.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidor: Apache .htaccess
<ifModule mod_gzip.c>mod_gzip_on Yesmod_gzip_dechunk Yesmod_gzip_item_include file .(html?|txt|css|js|php|pl)$mod_gzip_item_include handler ^cgi-script$mod_gzip_item_include mime ^text/.*mod_gzip_item_include mime ^application/x-javascript.*mod_gzip_item_exclude mime ^image/.*mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*</ifModule>
![Page 50: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/50.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidor: ApacheSi no funciona bien directamente en htaccess, podemos aplicarlo en la configuración de Apache.
AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/xmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE application/xmlAddOutputFilterByType DEFLATE application/xhtml+xmlAddOutputFilterByType DEFLATE application/rss+xmlAddOutputFilterByType DEFLATE application/javascriptAddOutputFilterByType DEFLATE application/x-javascript
![Page 51: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/51.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidor: Nginxgzip on;gzip_disable "msie6";
gzip_vary on;gzip_proxied any;gzip_comp_level 6;gzip_buffers 16 8k;gzip_http_version 1.1;gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
![Page 52: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/52.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
4. Activar compresión servidorGzip Compression Test: https://varvy.com/tools/gzip/
![Page 53: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/53.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
![Page 54: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/54.jpg)
#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!
![Page 55: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/55.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
● Probablemente el más completo.● Muchas opciones, en algunos casos demasiadas.
![Page 56: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/56.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
![Page 57: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/57.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
● Plugin de cache de Automattic.● Muy popular y potente.
![Page 58: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/58.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
![Page 59: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/59.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
![Page 60: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/60.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
![Page 61: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/61.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
5. Utilizar cache
![Page 62: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/62.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minificar (Minify)
![Page 63: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/63.jpg)
#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.
![Page 64: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/64.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify¿Qué se elimina?
● Espacios en blanco.
● Comentarios.
● Otros caracteres innecesarios.
![Page 65: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/65.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify● Ejemplo
CÓDIGO ORIGINAL CÓDIGO MINIFICADO
![Page 66: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/66.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify● Minify HTML● Minify CSS● Minify JavaScript
W3 Total Cache
WP Fastest Cache
![Page 67: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/67.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify: Autoptimize
● Mejora HTML, JavaScript y CSS.● Combinar CSS.
![Page 68: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/68.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify: Autoptimize
![Page 69: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/69.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify: Fast Velocity Minify
![Page 70: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/70.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
6. Minify: Fast Velocity Minify
![Page 71: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/71.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN
![Page 72: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/72.jpg)
#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.
![Page 73: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/73.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN
![Page 74: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/74.jpg)
#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.
![Page 75: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/75.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN: Cloudflare● Web copiada en los servidores de cloudflare. ● Plugin muy sencillo.
![Page 76: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/76.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
7. Utilizar un CDN: MaxCDN● Desde $20 / mes
![Page 77: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/77.jpg)
#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.)
![Page 78: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/78.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
8. Utilizar HTTP y SSL
![Page 79: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/79.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
8. Utilizar HTTP2 y SSLHTTP2 es aproximadamente el doble de rápido que la versión anterior.
![Page 80: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/80.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
8. Utilizar HTTP2 y SSLA día de hoy alrededor del 11% de sitios web soportan HTTP2
![Page 81: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/81.jpg)
#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.
![Page 82: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/82.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
9. Cargar de forma diferida
![Page 83: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/83.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
9. Cargar de forma diferida
![Page 84: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/84.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
9. Cargar de forma diferida
![Page 85: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/85.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar mejoras
![Page 86: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/86.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar mejoras
● Extensiones de chrome Page Speed Insight and checklist
![Page 87: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/87.jpg)
#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.
![Page 88: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/88.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar mejorasExtensiones de Chrome para medir el tiempo de carga.
![Page 89: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/89.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar: app.telemetry Page Speed Monitor
![Page 90: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/90.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar: Page Speed Insights and Checklist
![Page 91: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/91.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar: Pingdom Toolshttps://tools.pingdom.com/
![Page 92: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/92.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10. Comprobar: Pingdom Tools
![Page 93: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/93.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
10 consejos1. Analizar web2. Reducir carga web3. Optimizar imágenes4. Activar compresión servidor5. Utilizar cache
Por supuesto, esto no acaba aquí, pero es un buen comienzo ;)
6. Minificar (Minify)7. Utilizar un CDN8. Utilizar HTTP2 y SSL9. Cargar de forma diferida10. Comprobar mejoras
![Page 94: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/94.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
No hay que obsesionarse en conseguir un 100 en PageSpeed,
pero sí en conseguir que la web vuele.
![Page 95: 10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017](https://reader036.vdocuments.net/reader036/viewer/2022081512/58ce62ba1a28ab2f268b5c91/html5/thumbnails/95.jpg)
#youdreamWemakeWORDCAMP ALICANTE 2017 / JUAN SEGUÍ - @juansegui
Muchas gracias