SlideShare una empresa de Scribd logo
Optimiza tu WordPress para que
vuele! Primeros pasos en WPO
(Web Performance Optimization)
JuanKa Díaz - jdevelopia.com
Desarrollador Front-End (Programador de lo que se ve) en jdevelopia
Especializado en WordPress y Joomla!
WordPress Tarragona
Podcaster en Zona Crítica, Post Type Podcast
Desarrollo web y organización de eventos en JoomlaES
• https://wptarragona.com/
• 2 Meetups mensuales

• WordPress&Beers
• Meetup - 50% Teoría / 50% Práctica

• Tarragona Impulsa & Castell del Paborde
WordPress Tarragona
• https://www.dariobf.com/podcast/

• Podcast sobre diseño y desarrollo web en
WordPress

• Zona Crítica
Postype Podcast
Disclaimer
El contenido de esta presentación representa única y
exclusivamente la opinión del presentador, no se pretende sentar
cátedra ni redactar un nuevo testamento con mandamientos
escritos sobre piedra, simplemente difundir opinión, experiencia y
recomendaciones que puedan servir tanto a principiantes, clientes
como a desarrolladores. Todas estas opiniones están totalmente
abiertas a discusión y debate.
WordPress.org
· CMS = Content Management System
· GNU/GPL
· Filosofía, Software Libre no es Software Gratis
WPO
(Web Performance Optimization)
Conjunto de técnicas para analizar, proponer y desarrollar
cambios directamente relacionados con la optimización de la
velocidad de carga de una web, así como la experiencia de
usuario con esta.
¡NO ES WPO!
· WordPress Optimization
· Instalar 3-4 plugins
· Optimizar solamente la home
· No valorar conexiones lentas
· Alta velocidad de carga con mala UX
• Percepción de lentitud en la web

• SEO

• Campañas Adwords

• Consumimos demasiados recursos

• Competencia
¿Cuándo nos preguntamos
sobre WPO?
para evitar ser un ÑAAS*
*Ñapas As A Service
RECOMENDACIONES
• Herramientas:

- Gtmetrix

- Google Page SpeedInsights

- Pingdom
• No solo analizar la home

• Tiempo en cargar la web:

- Web con mucho tráfico: menos de 2 segundos

- Web normal: menos de 4 segundos
1.- Auditoría
• Tiempo en cargar la web:

- Web con mucho tráfico: menos de 2 segundos

- Web normal: menos de 4 segundos

• Peso web: por debajo de 2 megas

• Peticiones: por debajo de 50

• Puntuaciones por encima de 70%
Recomendaciones
• Analizar las auditorias

• Ordenar la importancia de CADA auditoria
• Valorar con responsable del proyecto:
• Cambiar diseño/disposición
• Cambiar hosting
• Analizar dependencias para proponer
cambios
2.- Consultoría
• Optimizar tamaño/peso

• Optimizar calidad

• Escalado de imágenes

• Eliminar información redundante
3.- Optimizar imágenes
Plugins recomendados:
EWWW Image Optimizer
Smush
Regenerate Thumbnails
Original
1920x1080px
2,4 MB
Optimizada
980x550px
202 KB (0,2MB)
• Buen hosting = a partir de 120-150€ año

• Discos en SSD

• PHP7 (5.6 es tecnología de 2014)

• HTTP2

• SSL

• Valorar hosting cercano a cliente

• *Caché

• *Respuesta del primer bit

4.- Hosting
• Evitar misma funcionalidad en varios plugins

• 2 líneas de código ≠ plugin

• No más de 30 plugins

• P3 (Plugin Performance Profiler)
5.- Pluginitis
• Revisar necesidades de cada página

• Revisar la carga de X plugins
• Landing Page = Optimización
6.- Carga condicional
• 2 líneas de código ≠ plugin
• Diferenciar entre diseño y funcionalidad

• Correcto uso del functions y plugin propio

• Diseño y maquetación tb es código, tb se
optimiza

• Sustituir plugins comerciales por plugin
nuestro con mínimas funciones
7.- Optimizar código
• Recursos estáticos

• Minificar = eliminar espacios innecesarios,
tabulaciones, saltos de linea, etc…

• Se minifica en producción

• Orden de carga de estos recursos - JS
scripts en el footer - CSS necesario en
header y resto en footer.
8.- Minificar HMTL/CSS/JS
Plugins recomendados:
WP AutOptimize
WP Super Minify
Recurso Desarrollo Minifcado
Font Awesome 4.7.0 37KB 31KB
Bootstrap 3.3.7 CSS 143KB 119KB
Bootstrap 3.3.7 JS 69KB 37KB
jQuery 3.2.0 262KB 85KB
• Plugins desinstalados

• Número de versiones de Posts

• Comentarios SPAM

• Papelera

• Opciones/transients
9.- Optimizar BBDD
Plugins recomendados:
WP Optimize
• Especificar cache de navegador

• Habilita compresión GZIP

• Ahorra ancho de banda

• Usar con mucho cuidado en contenido
dinámico (página de carrito, páginas de
usuario, etc…)

• CDN = Content Delivery Network
10.- Caché y CDN
Plugins recomendados:
WP Super Cache 

W3 Total Cache
WP Rocket
Comet Cache
1.- Auditoría
2.- Consultoría
3.- Optimizar imágenes
4.- Hosting
5.- Pluginitis
6.- Carga condicional
7.- Optimizar código
8.- Minificar
9.- Optimizar BBDD
10.- Caché y CDN
Resumen
El buen carpintero deja el mueble bien acabado tanto
por la parte que se ve como por la que no.
Anónimo
¡Muchas gracias!
https://jdevelopia.com/ficommerce2018
¿Alguna pregunta?
Interesante… cuéntame más…
Preguntas! Preguntas!!!

Más contenido relacionado

La actualidad más candente

Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Asociación Webmasters Cantabria
 
Las Herramientas de un Frontend
Las Herramientas de un FrontendLas Herramientas de un Frontend
Las Herramientas de un Frontend
Leonidas Esteban González
 
10 Factores SEO
10 Factores SEO 10 Factores SEO
10 Factores SEO
Álvaro Mariscal
 
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKuchaWPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
JuanKa Díaz - jdevelopia
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
Mercedes Garcia
 
Peso de las páginas
Peso de las páginasPeso de las páginas
Peso de las páginas
Liliana Berenice Rosales Amezcua
 
Mejores practicas para acelerar sitios web
Mejores practicas para acelerar sitios webMejores practicas para acelerar sitios web
Mejores practicas para acelerar sitios web
Juan Eladio Sánchez Rosas
 
7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress
7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress
7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress
Mauricio Nava
 
Introducción a Responsive Design
Introducción a Responsive DesignIntroducción a Responsive Design
Introducción a Responsive Design
Leonidas Esteban González
 
Casper JS - Asegurando la calidad en front-end Drupal
Casper JS - Asegurando la calidad en front-end DrupalCasper JS - Asegurando la calidad en front-end Drupal
Casper JS - Asegurando la calidad en front-end Drupal
David Gil Sánchez
 
Preprocesadores CSS
Preprocesadores CSSPreprocesadores CSS
Preprocesadores CSS
Avanet
 
Trabajo de Tercer Periodo
Trabajo de Tercer PeriodoTrabajo de Tercer Periodo
Trabajo de Tercer Periodo
Xhecos
 
Capistrano drupalcamp-jerez-2015
Capistrano drupalcamp-jerez-2015Capistrano drupalcamp-jerez-2015
Capistrano drupalcamp-jerez-2015
David Gil Sánchez
 
Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...
Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...
Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...
JuanKa Díaz - jdevelopia
 

La actualidad más candente (14)

Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
 
Las Herramientas de un Frontend
Las Herramientas de un FrontendLas Herramientas de un Frontend
Las Herramientas de un Frontend
 
10 Factores SEO
10 Factores SEO 10 Factores SEO
10 Factores SEO
 
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKuchaWPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
 
Peso de las páginas
Peso de las páginasPeso de las páginas
Peso de las páginas
 
Mejores practicas para acelerar sitios web
Mejores practicas para acelerar sitios webMejores practicas para acelerar sitios web
Mejores practicas para acelerar sitios web
 
7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress
7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress
7 plugins OPTIMIZACIÓN Y RENDIMIENTO Wordpress
 
Introducción a Responsive Design
Introducción a Responsive DesignIntroducción a Responsive Design
Introducción a Responsive Design
 
Casper JS - Asegurando la calidad en front-end Drupal
Casper JS - Asegurando la calidad en front-end DrupalCasper JS - Asegurando la calidad en front-end Drupal
Casper JS - Asegurando la calidad en front-end Drupal
 
Preprocesadores CSS
Preprocesadores CSSPreprocesadores CSS
Preprocesadores CSS
 
Trabajo de Tercer Periodo
Trabajo de Tercer PeriodoTrabajo de Tercer Periodo
Trabajo de Tercer Periodo
 
Capistrano drupalcamp-jerez-2015
Capistrano drupalcamp-jerez-2015Capistrano drupalcamp-jerez-2015
Capistrano drupalcamp-jerez-2015
 
Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...
Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...
Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Gr...
 

Similar a ¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance Optimization)

Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress
Dani Reguera Bakhache
 
Optimiza tus webs a bajo costo - WCVenezuela2021
Optimiza tus webs a bajo costo - WCVenezuela2021Optimiza tus webs a bajo costo - WCVenezuela2021
Optimiza tus webs a bajo costo - WCVenezuela2021
Fernando Puente
 
WPO para proyectos WooComerce
WPO para proyectos WooComerceWPO para proyectos WooComerce
WPO para proyectos WooComerce
Fernando Puente
 
Rendimiento y velocidad, acelera tu sitio WordPress
Rendimiento y velocidad, acelera tu sitio WordPressRendimiento y velocidad, acelera tu sitio WordPress
Rendimiento y velocidad, acelera tu sitio WordPress
LibreCon
 
Adrián Garrido - WPO para WordPress.pptx
Adrián Garrido - WPO para WordPress.pptxAdrián Garrido - WPO para WordPress.pptx
Adrián Garrido - WPO para WordPress.pptx
Adrián Garrido
 
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBFOptimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
Darío BF
 
Optimizar WordPress - Presentacion Caracol Digital
Optimizar WordPress - Presentacion Caracol DigitalOptimizar WordPress - Presentacion Caracol Digital
Optimizar WordPress - Presentacion Caracol Digital
Gerardo García Asensio
 
Clase sobre Optimización de Wordpress
Clase sobre Optimización de WordpressClase sobre Optimización de Wordpress
Clase sobre Optimización de Wordpress
Juan Ignacio Alberola
 
Backbeam
BackbeamBackbeam
Backbeam
betabeers
 
Acelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPOAcelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPO
Dani Reguera Bakhache
 
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
wpargentina
 
Charla betabeers optimización y rendimiento en Wordpress - Marcos Ramajo
Charla betabeers optimización y rendimiento en Wordpress - Marcos RamajoCharla betabeers optimización y rendimiento en Wordpress - Marcos Ramajo
Charla betabeers optimización y rendimiento en Wordpress - Marcos Ramajo
Marcos Ramajo
 
Optimizando Sitios Web
Optimizando Sitios WebOptimizando Sitios Web
Optimizando Sitios Web
Grupo Mediabox
 
Introducción a jBPM 6
Introducción a jBPM 6Introducción a jBPM 6
Introducción a jBPM 6
Pablo Sepulveda P.
 
Html5
Html5Html5
¿Que es SharePoint?
¿Que es SharePoint?¿Que es SharePoint?
¿Que es SharePoint?
Rick Taylor
 
WordPress: cómo aumentar la velocidad y la seguridad de una web
WordPress: cómo aumentar la velocidad y la seguridad de una webWordPress: cómo aumentar la velocidad y la seguridad de una web
WordPress: cómo aumentar la velocidad y la seguridad de una web
Nominalia
 
SEO para Prestashop
SEO para PrestashopSEO para Prestashop
SEO para Prestashop
Víctor M. Guerrero Azcona
 
Curso SharePoint 2013 overview
Curso SharePoint 2013 overviewCurso SharePoint 2013 overview
Curso SharePoint 2013 overview
Vladimir Medina
 
Buenas prácticas que debes seguir en la administración de tu SQL Server
Buenas prácticas que debes seguir en la administración de tu SQL ServerBuenas prácticas que debes seguir en la administración de tu SQL Server
Buenas prácticas que debes seguir en la administración de tu SQL Server
SolidQ
 

Similar a ¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance Optimization) (20)

Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress
 
Optimiza tus webs a bajo costo - WCVenezuela2021
Optimiza tus webs a bajo costo - WCVenezuela2021Optimiza tus webs a bajo costo - WCVenezuela2021
Optimiza tus webs a bajo costo - WCVenezuela2021
 
WPO para proyectos WooComerce
WPO para proyectos WooComerceWPO para proyectos WooComerce
WPO para proyectos WooComerce
 
Rendimiento y velocidad, acelera tu sitio WordPress
Rendimiento y velocidad, acelera tu sitio WordPressRendimiento y velocidad, acelera tu sitio WordPress
Rendimiento y velocidad, acelera tu sitio WordPress
 
Adrián Garrido - WPO para WordPress.pptx
Adrián Garrido - WPO para WordPress.pptxAdrián Garrido - WPO para WordPress.pptx
Adrián Garrido - WPO para WordPress.pptx
 
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBFOptimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
 
Optimizar WordPress - Presentacion Caracol Digital
Optimizar WordPress - Presentacion Caracol DigitalOptimizar WordPress - Presentacion Caracol Digital
Optimizar WordPress - Presentacion Caracol Digital
 
Clase sobre Optimización de Wordpress
Clase sobre Optimización de WordpressClase sobre Optimización de Wordpress
Clase sobre Optimización de Wordpress
 
Backbeam
BackbeamBackbeam
Backbeam
 
Acelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPOAcelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPO
 
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
 
Charla betabeers optimización y rendimiento en Wordpress - Marcos Ramajo
Charla betabeers optimización y rendimiento en Wordpress - Marcos RamajoCharla betabeers optimización y rendimiento en Wordpress - Marcos Ramajo
Charla betabeers optimización y rendimiento en Wordpress - Marcos Ramajo
 
Optimizando Sitios Web
Optimizando Sitios WebOptimizando Sitios Web
Optimizando Sitios Web
 
Introducción a jBPM 6
Introducción a jBPM 6Introducción a jBPM 6
Introducción a jBPM 6
 
Html5
Html5Html5
Html5
 
¿Que es SharePoint?
¿Que es SharePoint?¿Que es SharePoint?
¿Que es SharePoint?
 
WordPress: cómo aumentar la velocidad y la seguridad de una web
WordPress: cómo aumentar la velocidad y la seguridad de una webWordPress: cómo aumentar la velocidad y la seguridad de una web
WordPress: cómo aumentar la velocidad y la seguridad de una web
 
SEO para Prestashop
SEO para PrestashopSEO para Prestashop
SEO para Prestashop
 
Curso SharePoint 2013 overview
Curso SharePoint 2013 overviewCurso SharePoint 2013 overview
Curso SharePoint 2013 overview
 
Buenas prácticas que debes seguir en la administración de tu SQL Server
Buenas prácticas que debes seguir en la administración de tu SQL ServerBuenas prácticas que debes seguir en la administración de tu SQL Server
Buenas prácticas que debes seguir en la administración de tu SQL Server
 

Más de JuanKa Díaz - jdevelopia

Introducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACFIntroducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACF
JuanKa Díaz - jdevelopia
 
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta BruSoporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
JuanKa Díaz - jdevelopia
 
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
JuanKa Díaz - jdevelopia
 
Introduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference liveIntroduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference live
JuanKa Díaz - jdevelopia
 
Como elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPressComo elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPress
JuanKa Díaz - jdevelopia
 
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
JuanKa Díaz - jdevelopia
 
Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018
JuanKa Díaz - jdevelopia
 
Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018
JuanKa Díaz - jdevelopia
 
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
JuanKa Díaz - jdevelopia
 
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
JuanKa Díaz - jdevelopia
 
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
 
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
JuanKa Díaz - jdevelopia
 
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
JuanKa Díaz - jdevelopia
 
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
JuanKa Díaz - jdevelopia
 

Más de JuanKa Díaz - jdevelopia (14)

Introducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACFIntroducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACF
 
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta BruSoporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
 
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
 
Introduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference liveIntroduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference live
 
Como elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPressComo elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPress
 
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
 
Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018
 
Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018
 
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
 
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
 
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
 
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
 
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
 
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
 

Último

MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
leia ereni
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
Paola De la Torre
 
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
 
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
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
AMADO SALVADOR
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
al050121024
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
doctorsoluciones34
 
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
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
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
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
codesiret
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
renzocruz180310
 
El uso de las TIC por Cecilia Pozos S..pptx
El uso de las TIC  por Cecilia Pozos S..pptxEl uso de las TIC  por Cecilia Pozos S..pptx
El uso de las TIC por Cecilia Pozos S..pptx
cecypozos703
 
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMAUML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
martinezluis17
 
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
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 
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
 
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
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 

Último (20)

MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
 
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
 
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
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
 
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
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
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
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
 
El uso de las TIC por Cecilia Pozos S..pptx
El uso de las TIC  por Cecilia Pozos S..pptxEl uso de las TIC  por Cecilia Pozos S..pptx
El uso de las TIC por Cecilia Pozos S..pptx
 
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMAUML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
 
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)
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 
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
 
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
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 

¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance Optimization)

  • 1. Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance Optimization)
  • 2. JuanKa Díaz - jdevelopia.com Desarrollador Front-End (Programador de lo que se ve) en jdevelopia Especializado en WordPress y Joomla! WordPress Tarragona Podcaster en Zona Crítica, Post Type Podcast Desarrollo web y organización de eventos en JoomlaES
  • 3. • https://wptarragona.com/ • 2 Meetups mensuales
 • WordPress&Beers • Meetup - 50% Teoría / 50% Práctica
 • Tarragona Impulsa & Castell del Paborde WordPress Tarragona
  • 4. • https://www.dariobf.com/podcast/
 • Podcast sobre diseño y desarrollo web en WordPress
 • Zona Crítica Postype Podcast
  • 5. Disclaimer El contenido de esta presentación representa única y exclusivamente la opinión del presentador, no se pretende sentar cátedra ni redactar un nuevo testamento con mandamientos escritos sobre piedra, simplemente difundir opinión, experiencia y recomendaciones que puedan servir tanto a principiantes, clientes como a desarrolladores. Todas estas opiniones están totalmente abiertas a discusión y debate.
  • 6. WordPress.org · CMS = Content Management System · GNU/GPL · Filosofía, Software Libre no es Software Gratis
  • 7. WPO (Web Performance Optimization) Conjunto de técnicas para analizar, proponer y desarrollar cambios directamente relacionados con la optimización de la velocidad de carga de una web, así como la experiencia de usuario con esta.
  • 8.
  • 9. ¡NO ES WPO! · WordPress Optimization · Instalar 3-4 plugins · Optimizar solamente la home · No valorar conexiones lentas · Alta velocidad de carga con mala UX
  • 10. • Percepción de lentitud en la web
 • SEO
 • Campañas Adwords
 • Consumimos demasiados recursos
 • Competencia ¿Cuándo nos preguntamos sobre WPO?
  • 11. para evitar ser un ÑAAS* *Ñapas As A Service RECOMENDACIONES
  • 12. • Herramientas:
 - Gtmetrix
 - Google Page SpeedInsights
 - Pingdom • No solo analizar la home
 • Tiempo en cargar la web:
 - Web con mucho tráfico: menos de 2 segundos
 - Web normal: menos de 4 segundos 1.- Auditoría
  • 13.
  • 14.
  • 15.
  • 16. • Tiempo en cargar la web:
 - Web con mucho tráfico: menos de 2 segundos
 - Web normal: menos de 4 segundos
 • Peso web: por debajo de 2 megas
 • Peticiones: por debajo de 50
 • Puntuaciones por encima de 70% Recomendaciones
  • 17. • Analizar las auditorias
 • Ordenar la importancia de CADA auditoria • Valorar con responsable del proyecto: • Cambiar diseño/disposición • Cambiar hosting • Analizar dependencias para proponer cambios 2.- Consultoría
  • 18. • Optimizar tamaño/peso
 • Optimizar calidad
 • Escalado de imágenes
 • Eliminar información redundante 3.- Optimizar imágenes Plugins recomendados: EWWW Image Optimizer Smush Regenerate Thumbnails
  • 20. • Buen hosting = a partir de 120-150€ año
 • Discos en SSD
 • PHP7 (5.6 es tecnología de 2014)
 • HTTP2
 • SSL
 • Valorar hosting cercano a cliente
 • *Caché
 • *Respuesta del primer bit
 4.- Hosting
  • 21. • Evitar misma funcionalidad en varios plugins
 • 2 líneas de código ≠ plugin
 • No más de 30 plugins
 • P3 (Plugin Performance Profiler) 5.- Pluginitis
  • 22. • Revisar necesidades de cada página
 • Revisar la carga de X plugins • Landing Page = Optimización 6.- Carga condicional
  • 23. • 2 líneas de código ≠ plugin • Diferenciar entre diseño y funcionalidad
 • Correcto uso del functions y plugin propio
 • Diseño y maquetación tb es código, tb se optimiza
 • Sustituir plugins comerciales por plugin nuestro con mínimas funciones 7.- Optimizar código
  • 24. • Recursos estáticos
 • Minificar = eliminar espacios innecesarios, tabulaciones, saltos de linea, etc…
 • Se minifica en producción
 • Orden de carga de estos recursos - JS scripts en el footer - CSS necesario en header y resto en footer. 8.- Minificar HMTL/CSS/JS Plugins recomendados: WP AutOptimize WP Super Minify Recurso Desarrollo Minifcado Font Awesome 4.7.0 37KB 31KB Bootstrap 3.3.7 CSS 143KB 119KB Bootstrap 3.3.7 JS 69KB 37KB jQuery 3.2.0 262KB 85KB
  • 25. • Plugins desinstalados
 • Número de versiones de Posts
 • Comentarios SPAM
 • Papelera
 • Opciones/transients 9.- Optimizar BBDD Plugins recomendados: WP Optimize
  • 26. • Especificar cache de navegador
 • Habilita compresión GZIP
 • Ahorra ancho de banda
 • Usar con mucho cuidado en contenido dinámico (página de carrito, páginas de usuario, etc…)
 • CDN = Content Delivery Network 10.- Caché y CDN Plugins recomendados: WP Super Cache 
 W3 Total Cache WP Rocket Comet Cache
  • 27. 1.- Auditoría 2.- Consultoría 3.- Optimizar imágenes 4.- Hosting 5.- Pluginitis 6.- Carga condicional 7.- Optimizar código 8.- Minificar 9.- Optimizar BBDD 10.- Caché y CDN Resumen
  • 28. El buen carpintero deja el mueble bien acabado tanto por la parte que se ve como por la que no. Anónimo