WPO – Web Performance Optimization

¿Qué es WPO – Web Performance Optimization?

El WPO – Web Performance Optimization – consiste en un conjunto de técnicas avanzadas de optimización de rendimiento y velocidad de una página web orientadas a conseguir mejorar resultados de velocidad de carga y experiencia de usuario, así como a optimizar el rendimiento y consumo de los recursos de los sistemas y servidores utilizados. Por otro lado, con el WPO conseguirás mejorar la efectividad de tu página web.

En ecode contamos con un equipo de expertos en desarrollo web técnico y optimizado, especializados en WPO y en conseguir que las páginas web sean muy rápidas.

Ventajas de una página web muy rápida

Lo primero que tenemos que tener en cuenta a la hora de valorar posibles ventajas de tener una página web rápida, es que nuestros usuarios son personas. Las personas en la mayoría de ocasiones somos muy impacientes, y con la tecnología más aún. Además, la inmensa mayoría de aquellos que llevamos años usando tecnología hemos tenido malas experiencias con tecnologías lentas o que directamente no funcionaban.

Por este motivo podemos intuir que, para muchas personas, la tecnología lenta es tecnología mala. Por otro lado debemos tener en cuenta que nuestros usuarios no siempre cuentan con unas condiciones óptimas de velocidad a Internet o dispositivo capaz de cargar muchos recursos rápidamente para pintar una página web.

Beneficios más comunes que se ven influenciados en las páginas web que conseguimos que sean muy rápidas:

1. Aumento de páginas vistas o interacciones por sesión
   Siendo más rápidos, por norma general nuestros usuarios consumirán más y mejor nuestro contenido. Conseguiremos generar, por ejemplo, más impresiones de anuncios, mayor tiempo de media por sesión, mayor tiempo consultando nuestros servicios o productos o, en definitiva, mejor visibilidad y experiencia de navegación en nuestro sitio web.
2. Reducción del porcentaje de rebote de todas las páginas
   Todas las investigaciones y pruebas hechas tanto por nosotros como por otros expertos que comparten sus estudios, confirman que cuanto más rápidos somos a la hora de mostrar nuestro contenido y cargar nuestra página, menor será el porcentaje de usuarios que abandonen la web sin visitar una segunda página del sitio.
3. Mejora en la conversión y consecución de objetivos de la web
   La mayoría de sitios web que hemos optimizado a lo largo de los años han sido negocios en Internet. Como en la mayoría de negocios, la efectividad a la hora de realizar ventas o conseguir objetivos es fundamental.
   En los negocios digitales, en los que contamos con numerosas métricas, la conversión es uno de los factores que siempre buscamos mejorar a la hora de trabajar en la optimización y consecución de objetivos.
4. Aumento en la visibilidad de tu producto o servicio
   La mayoría de estrategias de marketing online orientadas a mejorar la visibilidad de cualquier producto o servicio dependen de posibles entradas o enlaces a nuestro sitio web. Consigue mejorar tu visibilidad, no solo en estrategias de posicionamiento en buscadores, si no en cualquier estrategia que pueda depender del rendimiento de tu web (Email marketing, PPC – Pago Por Click o Pay Per Click, Social Media, etc.).
5. Mejora la experiencia de usuario – UX – siendo muy rápidos
   La experiencia de usuario – User Experience – en una página web depende de diferentes factores como pueden ser el diseño de las interfaces o la calidad del contenido. Sin duda, uno de los factores clave para poder garantizar una experiencia de usuario óptima, es la velocidad de la página web.
6. Reduce el tiempo de espera de tus usuarios
   Y consigue así aumentar el tiempo que un usuario dedica a tu contenido.
7. Optimiza el rendimiento para tus usuarios, incluidos dispositivos móviles o smartphones
   Es importante tener en cuenta todos los escenarios y condiciones en las que podemos encontrarnos a nuestros usuarios. En la última década hemos visto como han irrumpido de manera muy notoria tanto el uso de móviles para utilizar Internet, como el uso de redes móviles en las que, no siempre, las condiciones de velocidad son óptimas. Asegurarnos de que nuestra web funcione de la mejor forma posible en los distintos escenarios puede ser crucial para conseguir que nuestro proyecto sea más eficaz.
8. Reduce el consumo de tráfico y datos del servidor y sistemas utilizados
   Utilizando sistemas y tecnologías óptimos en nuestro servidor podremos conseguir reducir drásticamente la utilización del servidor para cada uno de nuestros visitantes. Sistemas de caché en servidor optimizados y adaptados a cada necesidad nos permitirán ahorrarle mucho trabajo a nuestras máquinas.
9. Reduce el coste necesario para soportar el tráfico web
   Teniendo en cuenta el punto anterior y añadiendo que uno de nuestros objetivos será reducir al máximo el peso de los recursos que necesitamos enviarle a cada usuario para mostrar nuestra página, conseguiremos reducir de manera notoria el coste en infraestructuras o hosting.
10. Mejora el rendimiento en los países y zonas geográficas de tus usuarios
    Uno de los aspectos de velocidad más descuidados a día de hoy sigue siendo la diferencia de rendimiento de nuestra página web en función de la ubicación geográfica de nuestros visitantes. Para muchos negocios en Internet es importante contar con lo que técnicamente conocemos como Red de Distribución de Contenido (CDN – Content Delivery Network). Esta red nos permite reducir los tiempos de descarga y latencia de los recursos de nuestras páginas para conseguir una velocidad óptima, independientemente de la localización de nuestros posibles clientes.

Principales métricas de carga de una página web

En WPO contamos con muchas métricas que nos permiten entender mejor la velocidad de un sitio web, y cómo se puede ver afectada – positiva o negativamente – la experiencia de usuario que pueda depender de la velocidad de carga del contenido de la página. A continuación enumeramos algunas de las principales métricas sobre las que trabajamos.

Para intentar entenderlas mejor, la mayoría de métricas que tienen tiempo como unidad de medida indican la cantidad de tiempo que pasa desde el momento en el que un usuario accede a una página de nuestra web hasta que se cumplen diferentes objetivos o etapas necesarias para mostrar el contenido de la página solicitada.

• TTFB – Time to First Byte
  Tiempo que nuestro servidor tarda en comenzar a responder a nuestra solicitud de contenido. Dicho de otra forma, el tiempo que tarda el servidor en «dar señales de vida» enviando el primer byte, comenzando así a enviar el contenido solicitado.
• FCP – First Contentful Paint
  Tiempo que tarda el dispositivo que ha entrado a nuestra página web en pintar la primera parte del contenido superior. Es decir, cuánto tiempo tarda un usuario en comenzar a ver cualquier tipo de contenido (texto, imágenes, etc.).
• LCP – Largest Contentful Paint
  Tiempo que marca cuando se ha cargado el elemento o recurso de contenido más grande de la página. En muchas ocasiones nos encontramos problemas con recursos muy pesados en algunas páginas.
• FID – First Input Delay
  Esta métrica es importante para medir la sensación de velocidad que nuestros usuarios pueden percibir porque nos permite saber el tiempo que ha tardado la página en procesar y reaccionar a la primera interacción del usuario (pinchar un enlace, tocar un botón, desplegar un menú, etc.).
• TTI – Time to Interactive
  Tiempo que tarda la web en ser interactiva o estar disponible para cualquier interacción del usuario. Esta métrica es muy importante a día de hoy ya que, según comenta nuestro director Javier Martínez Seco «en los últimos años muchos desarrolladores y grandes sitios web se han concienciado en la importancia de entregar rápido el contenido y pintarlo lo antes posible, descuidando la más que posible rápida interacción del usuario una vez tiene la posibilidad de ver el contenido». Este comportamiento puede generar una experiencia negativa. Nuestros usuarios interactúan con el contenido, pero el dispositivo que están utilizando todavía está «montando» el contenido de la página y hace que, aunque la toques, no funcione. Esto ocurre porque en ese momento la página, a pesar de estar «pintada», no es interactiva para el usuario porque está ocupada procesando contenido o scripts.
• TBT – Total Blocking Time
  Esta métrica nació de la necesidad de medir la cantidad de tiempo que el navegador del dispositivo que utiliza el usuario «pierde» analizando recursos o tareas necesarias para procesar todo el contenido de la página. Para considerar que una tarea «pierde» tiempo, se tiene en cuenta el tiempo de cada tarea que supere los 50ms (5 centésimas de segundo). El TBT nos dice la cantidad de tiempo acumulado de todas las tareas que superan los 50ms mencionados.
• CLS – Cumulative Layout Shift
  Esta métrica tiene como objetivo medir cuantas veces un usuario «sufre» movimientos en el contenido a la hora de pintarse. Son muchas las páginas que, por ejemplo navegando con nuestros móviles, se pintan y, una vez comienzas a consumir ese contenido, se mueve por la propia construcción de la página. El CLS mide acumulando porcentualmente los movimientos que sufre el contenido pintándose y en el proceso de construcción de la página.