El WPO, o Web Performance Optimization, consiste básicamente en mejorar el funcionamiento de una página web con el objetivo de optimizar al máximo su rendimiento a la hora de cargar en el navegador. En este proceso intervienen un gran número de factores, tales como el tamaño de las imágenes, la ubicación del servidor, la reducción de espacios neutros del código y un largo etcétera de componentes que influyen directamente en la carga de un sitio web.
Pero, como en todos los ámbitos, siempre hay unos grandes olvidados. Ya sea por dificultad de implementación o por buenos resultados obtenidos optimizando los recursos básicos, siempre encontramos unos factores que se quedan en el tintero y no se optimizan correctamente o directamente se obvian. Dicho esto, a continuación vamos a desgranar los 7 factores olvidados de WPO que harán que tu página web acelere de 0 a 100 como un Fórmula 1.
- Reducir la cantidad de peticiones HTTP
Cuando un navegador solicita información a un servidor, lo hace usando HTTP. Por tanto, cuantas más peticiones requiera una página web, más tardará en cargarse completamente. Hay una gran cantidad de formas para reducir al mínimo el número de peticiones que realiza tu sitio web, aquí tienes algunas sugerencias:
- Usar CSS Sprites y Usar menos código.
- Combinar los archivos CSS y JS.
- Evitar plugins y frameworks de terceros, a menos que sea necesario. - Usar un CDN
Una CDN (Content Delivery Network) es un conjunto de ubicaciones en el mundo que forman una red cuyo objetivo es distribuir contenidos recurrentes de una página web. Su funcionamiento consiste en guardar en su caché esos contenidos y servirlos al navegador. Esta red funciona independientemente del servidor donde se encuentra alojado el sitio, por lo que ahorra al hosting principal la función de enviar los recursos más frecuentes, como pueden ser imágenes, archivos JS, vídeos, etc.
- Evitar redirecciones 301
Las redirecciones 301 influyen de una forma muy negativa en el servidor, aumentando el round trip time (RTT). Este periodo es el tiempo que tarda un paquete de datos enviado desde un emisor en volver a este mismo, habiendo pasado por el receptor. Aunque la recomendación sea no usar este tipo de redirecciones, existen otros casos en los que son necesarias como las migraciones, ya sean de http a https o por cambio de dominio. Al momento de configurar las redirecciones en una migración, se recomienda hacer una investigación exhaustiva de todas las URLs que hayan estado activas y buscar su homónima en el nuevo dominio. Este proceso ha de realizarse únicamente con una sola redirección, teniendo muy en cuenta las configuradas en un primer momento con el objetivo de evitar cadenas de redirecciones o incluso bucles de redirecciones.
- HTTP/2 y PHP7
Las nuevas tecnologías siempre conllevan mejoras, tanto de seguridad como de funcionamiento. Aunque HTTP/2 y PHP7 llevan ya un tiempo entre nosotros, son muy pocos los sitios web que tienen implementadas estas funcionalidades en sus servidores.
- Protección Hotlink
Hoy en día vivimos en un mundo en el que todo es de todos en Internet, pero esto tiene un precio. Si alguien decide cargar en su página una imagen alojada en tu servidor, está consumiendo tus recursos e influyendo negativamente en el funcionamiento de tu sitio web. Habilitar esta protección en CPanel es muy sencillo, simplemente tendrás que acceder a tu panel, activar la protección, incluir las URLs que quieres evitar que usen tus imágenes y seleccionar los formatos (jpg, wmv, mp3, png, gif, etc.).
- Arreglar errores 404
Cualquier archivo que ya no esté en el servidor, genera un error 404. De media, la resolución de un error 404 consume entre 60 y 100 MB de la memoria de tu servidor. Solucionando los errores 404, no solo mejorarás la experiencia de usuario al navegar por tu sitio web, sino que también estarás mejorando el funcionamiento de tu servidor evitando consumos de datos innecesarios.
- Prefetch, Preload y Preconnect
Estas dos soluciones son poco conocidas en el mundo SEO, pero esto no quiere decir que se les pueda sacar un gran partido a la hora de trabajar el WPO:
- Prefetch: es un indicio el cual le indica al navegador una serie de recursos que pueden ser necesitados más tarde y los almacena en la caché. Si se configura correctamente un usuario que acceda a nuestro sitio, tendría una navegación mucho más fluida entre páginas, mejorando así su experiencia y reduciendo el tiempo de carga entre una y otra página.
- Preload: es un nuevo estándar que ofrece más control en cómo son cargados los recursos necesarios para visualizar una página. Ahora existe la posibilidad de indicar al navegador qué imágenes, archivos, vídeos, etc, queremos que precarguen al completar la carga total de la página. Gracias a esto, conseguimos mejorar la interacción del usuario con el sitio al completo, facilitando la carga de documentos y la fluidez entre páginas.
- Preconnect: este indicio trata la conexión a través de peticiones HTTP a nuestro servidor, es decir, haciendo uso de esta función, se podría reducir el número de peticiones y el tiempo de carga, ya que estas peticiones han sido solicitadas antes de que el usuario acceda a una determinada página.
Aunque ya sea conocido por todo el mundo, Google se está enfocando cada vez más en el formato móvil, cuyos usuarios no paran de crecer día tras día. La máxima “Mobile First” ya suena en las cabezas de todos nosotros y llevamos mucho tiempo con la mosca detrás de la oreja con el tema de optimización para móvil. Si de verdad quieres ser un gran triunfador para la gran G, estos consejos te facilitarán mucho el posicionamiento en sus resultados, sin olvidar al gran AMP, ya que cada vez va ganando más adeptos e importancia en el mundo web.
Para poner la guinda al pastel, no está de más decir que estas implementaciones no van a hacer que tu página sea la más rápida del mundo, ya que influyen un gran número de factores. Por ejemplo, si tu página contiene 5 imágenes, siempre tardará más que una que no contenga ninguna, aunque estas imágenes estén 100% optimizadas. Aun así, no hay que olvidar que el WPO puede conseguir que mantengas a un cliente en tu sitio web, el cual puede realizar una compra en tu e-commerce o realizar una llamada para contratar tus servicios. Por este motivo, no hay que olvidarse nunca de la optimización del tiempo de carga y hay que prestarle la atención que realmente se merece.
