WordPress y WPO

Desarrolla tu proyecto con WordPress
⎯ y optimiza su rendimiento: WPO
Pablo López ⎯ 2017 www.edit.com.es
Desarrolla tu proyecto con WordPress….
…y optimiza su rendimiento: WPO

Pablo López
Co-organizador Madrid WordPress Meetu
p
Co-organizador WordCamp Madrid
Project Manager en UNIR
0
@desarrollowp
https://desarrollowp.com
¡Hola!

¿Por qué elegir WordPress?1
Es el CMS más utilizado en el mercado:

Motivos para utilizar WordPress2
Es de código abierto:
- No necesitas pagar licencias, es gratuito y libre
- No caerás en manos de nadie
- Hay muchos perfiles y muy variados en el mercado
- Dispone de la mayor comunidad de software libre a nivel
mundial

Sencillo de aprender y utilizar:
- Curva de aprendizaje corta
- Posee una interfaz sencilla, clara e intuitiva
- Disponible una gran oferta formativa
- Mucha información en internet: tutoriales, guías
- Eventos a los que asistir para aprender, hacer comunidad y
networking: Meetups, WordPress Days, WordCamps

Escalable y 100% personalizable:
- No es sólo para blogs
- Más de 50.000 plugins en el repositorio oficial
- El concepto de su modelo de datos te permite adaptarlo a
tus necesidades
- Dispone de muchas APIs propias y concepto de desarrollo
interesantes: hooks y shortcodes

Es seguro:
- WordPress lleva unas 180 versiones y en todas se corrige
alguna vulnerabilidad
- Desde su nacimiento se endurece continuamente su CORE
contra amenazas de seguridad, incluyendo el Top 10 de
amenazas identificado por The Open Web Application
Security Project (OWASP)
- Verano 2009, 4 versiones en apenas 1 mes. Donde otros
ven un problema, algunos vemos una virtud: La comunidad
y el equipo de desarrollo responden…y responden rápido.

Es amigable para el SEO:
- Te permite controlar todo el HTML que se imprime para
trabajar la semántica del contenido
- Estructura de enlaces amigables
- Multitud de plugins para trabajar titles, descriptions, open
graphs, twitter cards, sitemaps, robots, enlaces rotos, rich
snippets, AMP…

¿Qué tipos de desarrollos puedo hacer con WordPress
?
3
- No es sólo para blogs
- Páginas web personales
- Páginas web corporativas
- Tiendas online
- Membership sites
- Learning Management System (LMS)
- Etc…

¿Qué es el WPO?4
- Web Performance Optimization
- Conjunto de técnicas a cualquier nivel para mejorar el
rendimiento y la velocidad de carga de una página web
- Estrategia en varios pasos:
• Auditoría
• Consultoría
• Actuación
• Seguimiento

¿Porqué es tan importante el WPO?5
- El ser humano es impaciente
- Amazon registra una disminución del 1% en los ingresos por
cada 100ms de aumento en tiempo de carga
- AliExpress redujo el tiempo de carga un 36% y registró un
incremento del 10,5% en los pedidos
- Netflix rebajó un 43% en su factura de ancho de banda
después de activar Gzip
- El 53% de las visitas a sitios móviles se abandonan después de
3 segundos
- Más información en https://wpostats.com/

¿Porqué es tan importante el WPO?5

¿Cómo aplicar WPO en WordPress?6
- Cualquier punto influye. La suma de la optimización en cada
punto es la que nos dará un gran rendimiento
- Los pilares básicos del WPO son:
• Hosting
• Optimización de imágenes
• Caché
• Eliminar los porsis

WPO en WordPress: Hosting6.1
No busquéis hostings baratos

Buscad que dispongan de lo último en hardware, por ej: SSD

Soporte a ultimas versiones de PHP

Soporte SSL y HTTP/2

WPO en WordPress: Optimizar imágenes6.2
- Optimizar imágenes en tamaño (evitar Served Scaled Images)
- Optimizar imágenes en resolución
- JPG para imágenes de estilo fotográfico
- PNG para transparencias o imágenes de 2 ó 3 colores
- En general evitar GIF, BMP ó TIFF
- WP Smush
- EWWW Image Optimizer
- Imagify
- Kraken

Imagen Original
3072x2304 => 2,40MB
Optimizada en tamaño
1024x768 => 730KB
Optimizada para web
1024x768 => 121KB
Compresión Agressive
1024x768 => 63,1KB
Compresión Ultra
1024x768 => 35,4KB

Lazy Load: Aplazar la carga de imágenes que están fuera del área
visible del usuario hasta que llegue a ellas haciendo scroll

WPO en WordPress: Caché6.3
- Especificar caché de navegador (caducidad de recursos
estáticos)
- Habilitar compresión (Gzip/deflate)
- Minimizar recursos estáticos (CSS y JS) y HTML
- Planchado HTML
- Ahorro ancho de banda / transferencia. Menor sobrecarga del
servidor
- WP Rocket, W3TC, WP SuperCaché…

WPO en WordPress: porsis6.4

WPO en WordPress: porsis6.4
- Evitar la pluginitis
- Aprende a desprenderte de elementos que o no utilizas o
utilizas muy poco
- Carga condicional de librerías sólo en aquellos templates
donde vayan a utilizarse

Next level7
- Optimizar código (PHP, HTML, CSS, JS)
- Utilizar CDNs
- Cachear querys a la BBDD
- Índices en base de datos
- Balanceadores de carga
- Configuraciones avanzadas de servidor: Proxy inverso, varnish,
memcached...

Conclusiones8
- Una web optimizada beneficia principalmente al usuario que la
consume
- Te beneficia a ti porque das una buena imagen, una sensación
de que las cosas están bien hechas
- Tus recursos de servidor serán menores, ahorro de costes
- La tendencia indica que los buscadores premiarán a las webs
optimizadas
- Haz WPO en tu sitio porque no se me ocurren motivos para
que no lo practiques

¡MUCHAS GRACIAS POR ASISTIR!
¿ALGUNA PREGUNTA?

WordPress y WPO

Más contenido relacionado

La actualidad más candente (19)

Similar a WordPress y WPO (20)

Último (20)

WordPress y WPO