WPO Optimización del rendimiento Web

¿Qué es  WPO?

A estas alturas ya os habréis preguntado qué es WPO (Web Performance Optimization) o Optimización del rendimiento Web, un factor clave para el Posicionamiento SEO de una página. Ya se sabe que el tiempo de carga de una página Web incide directamente en una buena experiencia de usuario. Lo que quizá no sepamos son las mejoras que podemos realizar para que nuestra web se cargue lo más rápido posible. De esto habla el WPO.

Un sitio Web en el que hayamos trabajado la “Optimización del rendimiento Web” es mucho más ágil, la velocidad de carga es mayor y el uso de los servidores y navegadores es más eficiente. Esto hace que la experiencia de usuario sea satisfactoria y Google nos vea como un site de calidad y mayor conversión.

 

Algunos de los factores que influyen en la Optimización del Rendimiento Web

El WPO es 100% tecnología. Las mejoras que podemos realizar requieren de una perfil técnico y tienen que ver con la conectividad de redes, la optimización de los servidores web y la mejora de los diferentes elementos que tienen los propios sitios web: el HTML, el JavaScript, los CSS o la cantidad de peticiones a servidores DNS.

Reducir las peticiones HTTP

Uno de nuestros objetivos será reducir las peticiones HTTP  al máximo, reduciendo la carga de componentes externos el tiempo de descarga se reduce bastante.

Para que me entendáis un poco más: cuando escribimos una dirección Web en nuestro navegador y aparece la página en nuestra pantalla estamos haciendo uso del protocolo HTTP. Estamos realizando una petición a un servidor web en algún lugar y le decimos que nos envíe una determinada página. Cuantos menos elementos tenga que cargar la página mucho mejor, o dicho de otra manera: tenemos que reducir las peticiones HTTP

Elegir un buen Hosting.

Dependiendo del plan contratado así será la velocidad de tu web, ya que dependerá de varios factores como ancho de banda asignado y localización de servidor, entre otros.

Evitar enlaces a contenidos 404.

La “experiencia usuario” cae en picado si no encontramos las páginas que buscamos porque ya no existen o los enlaces están rotos. Si se hace una petición a un elemento que no existe el navegador para todas las peticiones hasta que se procese el error. Esto, en la mayoría de los casos, hace que el usuario abandone la página, aumente el % de rebote y la conversión sea menor.

Evitar redirecciones.

Las redirecciones son un tipo de código del HTTP que permite pasar de una página a otra manteniendo determinada información. Cada vez que hacemos una redirección añadimos una petición extra, lo que hace que ralentice la carga.

Comprimir los contenidos posibles.

Para que una Web cargue más rápido, la velocidad de descarga tiene que ser menor. Es por eso que muchos servidores y navegadores permiten el uso de la compresión Gzip/Deflate (Comprime los contenidos antes de enviarlos y los descomprime al ser recibidos).

Reducir el tamaño de las cookies

Las cookies son según la wikipedia: “Una cookie, galleta o galleta informática es una pequeña información enviada por un sitio web y almacenada en el navegador del usuario, de manera que el sitio web puede consultar la actividad previa del usuario.”

Aunque no suelen ocupar demasiado, cada vez que se hace una petición, el navegador envía la información de las cookies. Lo ideal es eliminar las cookies que no sean necesarias o reducir su tamaño se puede guardar un identificador y que la información quede almacenada en el servidor Web.

Reducir ficheros javascript y CSS

Los javascript y los CSS pueden bloquear otros elementos de la página, para que todo funcione más rápido lo mejor es tener un único fichero .JS o .CSS. Externalizar contenidos CSS y JS para que puedan ser cacheados, combinar imágenes o iconos en CSS sprites, …etc

Optimizado de Imágenes

Reducir el peso de las imágenes y codificación de los Jpeg y png. Una imagen de peso tarda en cargar, al final de esta página puedes acceder a una herramienta para la optimización de imágenes.

Escalado de imágenes. Añadir los atributos de ancho y alto ayudan a los navegadores a la hora de renderizar la página.

Evitar los elementos de imagen sin contenido. Aparecerá en el código la etiqueta   <img src=””> sin contenido.

Sitios Web Móviles

El móvil está siendo el dispositivo desde el cual la gran mayoría de usuarios accede a internet. Es por eso que el diseño responsive es necesario, un diseño que permita la adaptación de la información en los diferentes terminales, tanto en móviles como en Ipad y tablets.

Además de la adaptación de la pantalla también es importante adaptarse a la velocidad de conexión, reducción de peticiones HTTP o reducir el uso de Javascript.

 

Herramientas para analizar la WPO de tu Web

  • Google Seach Console: A través de Search Console podemos descubrir cómo interpreta Google nuestras páginas y qué errores está encontrando. Esta herramienta es de gran ayuda para la optimización del código fuente y para solucionar problemas de velocidad de carga
  • Google page speed: Puedes revisar la optimización de la Web y la optimización del móvil a través de esta extensión que se puede instalar en mozilla Firefox y en Google Chrome
  • Gtmetrix : Nos informa sobre la velocidad de carga y los fallos identificados para mejorarla. Podemos compararnos con otras Web del sector o los de nuestra competencia.
  • SEO Web page analyzer: Perfecta para hacerte ua idea del tamaño de la Web y otros factores SEO que te ayudaran en su optimización.
  • Site-Perf: Te permite calcula la velocidad de carga en tiempo real de la web y otra información como el http code, tamaño, …etc.
  • Online Image Optimizer: Herramientas para optimizar imágenes

Más información sobre WPO (Web Performance Optimization)” Guía de Javier Casares

En Social Izan te aconsejamos realizar una auditoría SEO completa

QUIERO MI AUDITORÍA SEO

The following two tabs change content below.
Consultora de Marketing Online y especialista en estrategias de venta basadas en el contenido. Más de 4 años en la gestión de proyectos de Marketing Digital para PyMEs en colaboración con otros profesionales del sector. ¨Creo en las personas y en la inquietud de ser mejor cada día. Fan de la innovación social y colaborativa y del todo es posible¨. Escritora y formadora.