Federico Alejandro Alvarez
CEO & Co-Founder de WNPower
Ingeniero en Sistemas
Vicepresidente de Cehost
wnpower #MeetupWP15:30
@fedealvz
• Tiene 14 años
• Open Source (GPL)
• CMS más usado: 76,5% Market Share
• Usado por el 27% del total de sitios de
Internet
• Comunidad activa: en 2016 llegó a
1.480.000.000 descargas de plugins
wnpower #MeetupWP15:30
• Qué es WPO (Web Page Optimization) y en que nos puede
afectar
• Herramientas para analizar y ejecutar optimización
• Trucos y consejos
wnpower #MeetupWP15:30
WPO: WEB PAGE OPTIMIZATION
Mejor UX
Mejor posicionamiento (SEO)
Mayor conversión
Menores costos (Infra, SEM)
Última tecnología
wnpower #MeetupWP15:30
MAYOR CONVERSIÓN
Los usuarios…
• El 47% espera un tiempo de carga de 2 segundos.
• El 40% abandona si tarda más de 3 segundos en cargar.
• El 52% afirman que volverían a comprar si la UX fue buena.
wnpower #MeetupWP15:30
POSICIONAMIENTO (SEO)
• En 2010 Google anunció que iba a tener en cuenta para el posicionamiento,
la velocidad del sitio web, siendo mejor valorados los sitios que tarden
menos en cargar.
• En 2013 cambió su política y en lugar de valorar las webs más rápidas,
anunció que penalizará a los sitios que tengan una mala optimización y
tarden mucho en cargar por este motivo.
wnpower #MeetupWP15:30
MENORES COSTOS (SEM)
Mala UX Influye negativamente en el
posicionamiento de nuestros anuncios.
wnpower #MeetupWP15:30
MENORES COSTOS: INFRA
Una buena optimización de nuestro sitio:
• Reduce la velocidad de carga
• Reduce los consumos que genera en el servidor ($)
y ancho de banda ($)
• Conseguimos que no se sobrecargue nuestra web
cuando tengamos picos de visitas.
wnpower #MeetupWP15:30
GOOGLE PAGESPEED
Es una herramienta gratuita desarrollada por Google
para medir el rendimiento de nuestra página web.
wnpower #MeetupWP15:30
GOOGLE PAGESPEED
Tiene en cuenta 10 factores:
wnpower #MeetupWP
• Priorizar el contenido visible
• Evita los redireccionamientos a páginas
de destino
• Reducir el tiempo de respuesta del
servidor
• Habilitar compresión
• Especificar caché de navegador
• Minificar HTML
• Minificar CSS
• Minificar JavaScript
• Optimizar imágenes
• Eliminar el JavaScript que bloquea la
visualización y el CSS del contenido de la
mitad superior de la página
15:30
PRIORIZAR EL CONTENIDO VISIBLE
• Poner el contenido visual que vamos a ver en nuestra
página web al principio del HTML, en la primera
parte.
• Postergar los elementos que se cargan en la segunda
parte de la página (Javascripts, CSS del footer, etc.)
wnpower #MeetupWP15:30
EVITAR LOS REDIRECCIONAMIENTOS A PÁGINAS DE DESTINO
Evitar excesivas redirecciones:
• dominio.com www.dominio.com
• www.dominio.com https://www.dominio.com
¡Tratemos siempre de vincular nuestro sitio con el dominio principal bien
puesto!
wnpower #MeetupWP15:30
HABILITAR COMPRESIÓN
Refiere a habilitar la compresión GZIP en el servidor. Mejora la velocidad
notablemente ya que comprime todos los archivos que envía de un lugar a otro.
• Módulo “deflate” en el servidor
• Reglas en nuestro archivo .htaccess:
wnpower #MeetupWP15:30
ESPECIFICAR CACHÉ DE NAVEGADOR
• Módulo “expires” en el servidor
• Reglas en nuestro archivo .htaccess:
wnpower #MeetupWP15:30
MINIFICAR HTML, CSS Y JAVASCRIPT
Al tener el contenido HTML, CSS y JavaScript minificado y comprimido, el
contenido de la página será menor y por lo tanto, la descarga será mucho más
rápida.
wnpower #MeetupWP15:30
OPTIMIZAR IMÁGENES
Reducir el tamaño de nuestras imágenes lo más posible sin que
pierdan su calidad. De esta manera al visitar nuestra página se
transfiere menos información.
Opciones:
• Descargar archivo ZIP con optimizaciones de PageSpeed
• Plugin “Smush”
• Herramienta del Hosting
wnpower #MeetupWP15:30
HOSTING
Centro de Datos
• Redundancia
• Latencia (ms)
wnpower #MeetupWP
2 a 15 ms
100 a 200 ms
15:30
WORDPRESS: TIPS
Sistemas de Caché:
• WP Super Cache
• Wordfence Security
• WP-Rocket
wnpower #MeetupWP15:30
WORDPRESS: TIPS
• Reducir el número de entradas que se
muestran en nuestra página principal
• Paginar los Posts muy largos
• Reemplazar Slides por imágenes estáticas
• Reducir el uso de fuentes externas
• Administrar el volumen de comentarios
• Cuidadoso con la selección de Tema / Plugins
• Usar Tema “Child”
wnpower #MeetupWP15:30