Este documento describe estrategias para optimizar el rendimiento de WordPress. Explica que la optimización es importante para mejorar el tiempo de carga, el SEO y la experiencia del usuario. Recomienda optimizar desde el principio del diseño del proyecto. También destaca la importancia de elegir un buen hosting y servidor, optimizar el tamaño y diseño del sitio, y utilizar herramientas de prueba para medir el rendimiento. El objetivo final es aplicar diferentes técnicas de optimización de forma continua.

1. Optimizando el perímetro
de WordPress
Fernando Puente
@fpuenteonline

2. 0
BIO
Soy informático de vocación y de profesión, formador frustrado
y beginner de comer y beber.
20 años de experiencia en TI, los últimos 10 años en medios de
comunicación online.
WordPress desde 2007, versión 2.1, activo en WP Madrid y
ponente en WC desde WCSevilla2016.
CTO de La Estrategia de Chapman: nuestros medios son
visitados por +10MM/mes en 5 idiomas.
@fpuenteonline
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

3. Sumario optimizado
 ¿Por qué?, ¿para qué? y ¿cuándo?
 Influencia del hosting y servidor
 Tamaño y diseño
 Lenguaje de optimización
 Herramientas y test
 Resumen
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

4. 1
¿Por qué?
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

5. 1
¿Por qué?
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

6. Optimizar para:
 Mejorar o reducir el tiempo de carga
 Reducir el número de recursos utilizados, atendiendo un
mayor número de peticiones
 Mejorar nuestro ranking SEO
 Mejorar la experiencia de usuario en nuestro sitio
 Aprovechar los avances tecnológicos
 Obtener lo mejor de cada entorno
1
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

7. ¿Este es el momento de optimizar?
No, tarde. ¡Adelántate!
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

8. ¿Cuándo?

9. Desde el momento
que se empieza a
diseñar el proyecto

10. Sumario optimizado
 ¿Por qué?, ¿para qué? y ¿cuándo?
 Influencia del hosting y servidor
 Tamaño y diseño
 Lenguaje de optimización
 Herramientas y test
 Resumen
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

11. Hosting
Por fuera, todos iguales
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

12. La importancia del hosting
 Compara. Elige bien el plan, ¿sabes lo que necesitas?
¿Puedes crecer?
 ¿Limitaciones de tráfico o ancho de banda?
 Última tecnología hardware y software
 Administración, mantenimiento y soporte. Pide un Restore
mensualmente. ¿Tiempos de respuesta?
 Busca otros proyectos de ejemplo
 Extras: balanceo de carga, escalado vertical y horizontal
2.1
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

13. ¿Dónde están tus usuarios?
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

14. .htaccess
 Limpieza y orden
 Hacerlo permanente en el config de Apache
 Sólo lo necesario: tamaño y mantenimiento
 Global o de un directorio
 Busca en Internet lo que necesites: todo se puede hacer
 Cuidado: fuente de errores
2.2
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

15. Software de servidor
 Linux
 NGINX para estáticos frente a Apache
 Reverse proxy: NGINX, Varnish
 Mínimo PHP7 o HHVM
 HTTP/2 y SSL incluidos
 Software de administración: Plesk, cPanel, WHM, Cozy
 Extra: WP-CLI
2.3
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

16. Servidor MySQL
 Local, dedicado o compartido con otros (centralizado)
 Escalado: master, slave, replicación, ….
 Optimización de acceso desde WP: ProxySQL, Cluster DB,
Hyper DB plugin
 Configuración y mantenimiento (limpieza)
2.4
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

17. Ajustes
 Logs de sistema: ¿suficientes, sobran, limpieza? ¿Necesarios?
 Tareas de mantenimiento y backup. ¿Cuando hacerlas?
Automatización o manual. Actualizaciones de software.
¿Desde la misma plataforma?
 Elimina parásitos: chupadores de contenido, image
hotlinking, robots que no aportan…
 Sistemas de suscripción o externos: intentar no cargar el
servidor
2.5
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

18. Sumario optimizado
 ¿Por qué?, ¿para qué? y ¿cuándo?
 Influencia del hosting y servidor
 Tamaño y diseño
 Lenguaje de optimización
 Herramientas y test
 Resumen
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

19. Tamaño
 El tamaño importa: compresión de archivos y minify,
tamaño de imágenes, tamaño de la página
 Síndrome de Diógenes: pruebas, archivos olvidados,
miniaturas que no usamos
 Menor número de peticiones HTTP: combinar JS y CSS,
imágenes e iconos en Sprites, cacheo
 Carga de scripts sólo en las páginas necesarias
3.1
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

20. Los recursos, ¿en tu casa o en la
mía?
 CDN intermedia: cerca de tus usuarios
 CDN externa: volumen y rendimiento
 Repositorios: YouTube, Facebook, Flickr, etc…
 Estrategias de caché
3.2
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

21. Diseño visual y lógico
 Diseño 100% responsive o desktop + mobile. Ahora mismo,
“Mobile first”
 ¿Dominio especifico para mobile?
 Precarga de recursos en cliente:
o dns-prefetch
o preconnect
o prefetch
o prerender
o preload
3.3
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

22. Terceros: publicidad, contenidos,
utilidades…
 Lazy load
 Sync vs. Async
 Orden de carga
3.4
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

23. Sumario optimizado
 ¿Por qué?, ¿para qué? y ¿cuándo?
 Influencia del hosting y servidor
 Tamaño y diseño
 Lenguaje de optimización
 Herramientas y test
 Resumen
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

24. Lenguaje de optimización
 Robots.txt
 Sitemaps específicos por tipo y por buscador
 Permisos de acceso
 Metaetiquetas y Microformatos
 Formatos específicos: AMP
 Mixed content (no SSL)
4
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

25. Sumario optimizado
 ¿Por qué?, ¿para qué? y ¿cuándo?
 Influencia del hosting y servidor
 Tamaño y diseño
 Lenguaje de optimización
 Herramientas y test
 Resumen
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

26. Test
 Fija un objetivo cuantificable
 Aprende a medir
 Simula a un usuario:
o Incógnito
o Segunda visita
o Dispositivos
o Velocidad de conexión
o Múltiples accesos
• Repite el proceso periódicamente
5.1
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

27. Herramientas
 Básico:
o Navegador
o Google Analytics y Google Search Console
 Test velocidad:
o Google PapeSpeed Insights
o Pingdom: Website Speed Test y Page Speed Monitoring
o GTmetrix (PageSpeed + Yslow)
o Website speed test (Dotcom-Tools)
o DareBoost
o Webpagetest.org
 Test código:
o Google Structured Data Testing Tool
5.2
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

28. Herramientas: futuro cercano
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

29. Sumario optimizado
 ¿Por qué?, ¿para qué? y ¿cuándo?
 Influencia del hosting y servidor
 Tamaño y diseño
 Lenguaje de optimización
 Herramientas y test
 Resumen
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

30. Estrategias de optimización
 Desde el propio código, y antes
 Servidor: tecnología y configuración
 Técnicas de caché
 Tamaño y compresión
 Diseño visual y lógico
 Integración de terceros
 Apoyado en herramientas y utilidades
6
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

31. Y recuerda: ¿optimizado 100%?
Nunca, lo siento
Optimizando el perímetro de WordPress – WC Santander 2016 - @fpuenteonline

32. Gracias
Fernando Puente
@fpuenteonline