WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Octublre 2017)

WORDPRESSWeb Performance Optimization

15:30

Federico Alejandro Alvarez

CEO & Co-Founder de WNPower

Ingeniero en Sistemas

Vicepresidente de Cehost

wnpower #MeetupWP15:30

@fedealvz

¿POR QUÉ WORDPRESS?


• 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


• Qué es WPO (Web Page Optimization) y en que nos puede

afectar

• Herramientas para analizar y ejecutar optimización

• Trucos y consejos


WPO: WEB PAGE OPTIMIZATION

Mejor UX

Mejor posicionamiento (SEO)

Mayor conversión

Menores costos (Infra, SEM)

Última tecnología


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.


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.


MENORES COSTOS (SEM)

Mala UX Influye negativamente en el

posicionamiento de nuestros anuncios.


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.


Para poder optimizar primero hay que

medir.


GOOGLE PAGESPEED

Es una herramienta gratuita desarrollada por Google

para medir el rendimiento de nuestra página web.


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

FEATURE EXCLUSIVA


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.)


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!


REDUCIR TIEMPO DE RESPUESTA DEL SERVIDOR

wnpower #MeetupWP

Se refiere al hosting.

15: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:


ESPECIFICAR CACHÉ DE NAVEGADOR

• Módulo “expires” en el servidor

• Reglas en nuestro archivo .htaccess:


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.


MINIFICAR HTML, CSS Y JAVASCRIPT

Plugin Autoptimize:


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


OPTIMIZAR IMÁGENES

wnpower #MeetupWP

Plugin Smush:

15:30

OPTIMIZAR IMÁGENES

wnpower #MeetupWP

PLUS Plugin BJ Lazy Load:

15:30

HOSTING

Hardware, Procesador, Raid SSD


HOSTING

Software

wnpower #MeetupWP

7 HTTP/2

15:30

HOSTING

Aislamiento


FEATURE EXCLUSIVA


HOSTING

Sistemas de Caché

(server)

wnpower #MeetupWP

APC

15:30

FEATURE EXCLUSIVA


HOSTING

Centro de Datos

• Redundancia

• Latencia (ms)

wnpower #MeetupWP

2 a 15 ms

100 a 200 ms

15:30

Localización del Producto = Localización del Cliente


HOSTING

CDN


HOSTING

Certificados SSL


FEATURE EXCLUSIVA


WORDPRESS: TIPS

Mantener actualizado:

• WordPress

• Plugins

• Temas


FEATURE EXCLUSIVA


WORDPRESS: TIPS

Optimizar Base de Datos

wnpower #MeetupWP

Plugin WP Optimize:

15:30

WORDPRESS: TIPS

Sistemas de Caché:

• WP Super Cache

• Wordfence Security

• WP-Rocket


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”


RESULTADOS


wnpower #MeetupWP

HOSTING PARA TU

WORDPRESS

50% OFF wnpower.com/meetup

15:30

wnpower #MeetupWP

ÚLTIMO ARTÍCULO:

blog.wnpower.com

15:30

¡GRACIAS!@wnpower

@fedealvz #MeetupWP

WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Octublre 2017)

Technology

Transcript of WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Octublre 2017)