Portada » Blog » Tráfico web » Web Performance Optimization WPO y la experiencia del usuario

Web Performance Optimization WPO y la experiencia del usuario

web performance optimization wpo - post

Web Performance Optimization o WPO es un proceso por el que evaluamos y mejoramos el rendimiento y la carga de un sitio web. ¿Suena sencillo?
En este artículo, encontrarás algunas pautas para optimizar el rendimiento de tu web.

¿Qué tiene que ver el SEO con WPO? ¡Mucho!

Google tomaba en cuenta la velocidad de carga para clasificación solo desde la versión escritorio de las páginas, pero desde julio de 2018, lo hace con la versión móvil también.

¿Qué cambió? Cambió el comportamiento del usuario.

Datos importantes sobre el comportamiento del usuario

Un estudio sobre el consumidor digital en 2018 de Tendencias Digitales, indicó que el 78% de los internautas latinoamericanos busca información en el sitio web de la marca antes de tomar la decisión de compra.
La misma fuente indica que, la mayoría de los usuarios con intención de compra investigan primero desde el dispositivo móvil y terminan su búsqueda desde un computador.

Esto me lleva a tener en cuenta estos dos aspectos:

– No considero recomendable tener dos versiones de un sitio web, más si las características funcionales y visuales son distintas
– Es importante optimizar la versión móvil por encima de la de escritorio

Google llama «Actualización de velocidad» a este cambio que buscó dar respuesta a la necesidad de los usuarios de encontrar las respuestas más rápido y el análisis de las páginas lo hace, independiente de la tecnología que use.

Aspectos generales que afectan el WPO

Con la tendencia de usar imágenes grandes de ancho completo, videos y el gusto de los clientes por sitios muy animados, nos encontramos frente una necesidad de optimización de forma constante.
Básicamente, podemos tomar de referencia:

  • Imágenes
  • Video
  • Caché
  • Efectos visuales
  • Redirecciones
  • Cantidad de plugins instalados
  • Tipo de servidor

No son los únicos elementos, pero casi siempre empezamos por aquí porque son los que consumen más recursos.

Algunas soluciones básicas que puedes adelantar sin conocimientos de programación

  •  Instala el plugin a3 Lazy Load para acelerar la carga de las páginas web desde dispositivos móviles, con especial atención en la carga diferida de imágenes y videos
  • Antes de cargar las imágenes a la web, define un tamaño y resolución adecuados para no hacer uso adicional de recursos
  • Colocar los videos después de la primera mitad de la página como un enlace de Youtube, es una excelente opción
  • Minificar el código CSS y JS

Otra opción útil que requiere de conocimiento del código es asegurar que se muestre el texto mientras carga la web. El análisis de la herramienta SEO Quake sugiere que una página debe mostrar al menos 15% de su contenido en formato de texto.

El código a insertar sería algo así:

Herramientas para medir la velocidad de un sitio web

Particularmente, uso Lightbox (la del faro), PageSpeed Insights y GTMetrix.

Estas herramientas me ayudan a auditar la velocidad, rendimiento, SEO y otros factores.

Lighthouse resume los resultados así:

Es genial, porque sirve de guía y da sugerencias de los cambios que se deben realizar. Incluso, de las herramientas que puedes utilizar.

 

 

 

Etiquetas:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *