¿Cómo optimiza Waclis la velocidad y el rendimiento de tu sitio web?

Waclis incorpora diferentes optimizaciones técnicas para reducir tiempos de carga, disminuir la cantidad de información que debe descargarse y mejorar la experiencia de los visitantes de tu sitio web.

Entre estas optimizaciones se encuentran:

• Caché de recursos estáticos.

• Compresión de recursos enviados al navegador.

• Optimización de imágenes.

• Utilización de formatos de imagen optimizados.

• Reutilización de archivos que ya fueron descargados.

• Optimización de la entrega de HTML, CSS y JavaScript.

Muchas de estas configuraciones trabajan automáticamente y no requieren que modifiques el servidor ni agregues código personalizado.

Sin embargo, la velocidad final de una página no depende solamente de la plataforma.

También influyen aspectos administrados por cada usuario, como:

• Cantidad y peso de imágenes.

• Videos.

• Aplicaciones externas.

• Scripts personalizados.

• CSS personalizado.

• Widgets.

• Fuentes externas.

• Herramientas publicitarias.

• Analytics.

• Contenido incorporado desde terceros.

En esta guía aprenderás qué optimiza Waclis automáticamente, qué puedes optimizar desde tu Página web y cómo interpretar herramientas como Google PageSpeed Insights.

¿Por qué es importante la velocidad de una Página web?

Cuando una persona visita una Página web, su navegador necesita descargar diferentes elementos.

Por ejemplo:

• El código HTML.

• Hojas de estilo CSS.

• Archivos JavaScript.

• Imágenes.

• Tipografías.

• Videos.

• Iconos.

• Recursos provenientes de aplicaciones externas.

Cuanto mayor sea la cantidad o el peso de estos recursos, mayor puede ser el tiempo necesario para presentar completamente la página.

Un sitio optimizado puede ofrecer beneficios como:

• Menor tiempo de espera.

• Mejor navegación desde dispositivos móviles.

• Menor consumo de datos.

• Mayor fluidez.

• Mejor experiencia de usuario.

• Mejor aprovechamiento de conexiones lentas.

• Mejores métricas técnicas de rendimiento.

¿Qué optimiza Waclis automáticamente?

Waclis administra diferentes configuraciones relacionadas con la entrega de los recursos de la Página web.

Entre ellas se encuentran principalmente:

Caché de recursos estáticos

Permite que determinados archivos ya descargados puedan reutilizarse en visitas posteriores.

Compresión

Reduce el tamaño de determinados recursos antes de enviarlos al navegador.

Optimización de imágenes

Waclis procesa imágenes cargadas a la plataforma y utiliza formatos optimizados como WEBP cuando corresponde.

Configuraciones de infraestructura

La plataforma administra internamente la infraestructura necesaria para entregar el sitio web.

Estas configuraciones no necesitan ser modificadas por el usuario.

1. ¿Qué es la caché?

La caché es un mecanismo que permite conservar temporalmente determinados recursos para evitar descargarlos nuevamente cada vez que son necesarios.

Supongamos que tu Página web utiliza:

estilos.css

La primera vez que una persona ingresa, el navegador necesita descargar ese archivo.

Si el recurso puede almacenarse temporalmente, en una visita posterior el navegador puede reutilizar la copia que ya posee en lugar de descargarla nuevamente desde cero.

2. ¿Qué recursos pueden aprovechar la caché?

Entre los recursos estáticos que pueden beneficiarse de este mecanismo se encuentran:

• CSS.

• JavaScript.

• Imágenes.

• Fuentes.

• Iconos.

• Otros archivos estáticos.

Waclis aplica configuraciones de caché sobre recursos correspondientes a la Página web cuando resulta adecuado.

3. ¿Qué beneficio genera?

Imagina una Página web que posee:

• Un logotipo.

• Una tipografía.

• Varios archivos de estilo.

• JavaScript.

• Iconos.

Si esos archivos no cambiaron desde la visita anterior, descargarlos una y otra vez puede ser innecesario.

Al reutilizarlos puede reducirse:

• La cantidad de información transferida.

• El tiempo de descarga.

• El consumo de ancho de banda.

Esto se nota especialmente durante la navegación entre diferentes páginas del mismo sitio o en visitas posteriores.

4. Primera visita y visitas posteriores

Es importante comprender que la caché no significa que una Página web nunca necesite descargar recursos.

Primera visita

El navegador todavía no posee muchos de los archivos y debe obtenerlos.

Visitas posteriores

Puede reutilizar determinados recursos que siguen siendo válidos.

Por este motivo, una visita completamente nueva y una navegación posterior pueden presentar comportamientos diferentes.

5. ¿Qué ocurre cuando un archivo cambia?

La caché no debe impedir que los visitantes reciban una versión actualizada de la Página web.

Los sistemas modernos utilizan diferentes mecanismos para distinguir recursos actualizados de versiones anteriores.

Por lo tanto, cachear un archivo no significa mantenerlo permanentemente sin modificaciones.

6. ¿Qué es la compresión?

La compresión consiste en reducir la cantidad de información que debe transmitirse entre el servidor y el navegador.

Puede aplicarse a determinados recursos de texto como:

• HTML.

• CSS.

• JavaScript.

La idea puede compararse con comprimir un archivo antes de enviarlo: debe viajar menos información a través de la conexión.

El navegador recibe el contenido comprimido y lo procesa normalmente.

7. ¿Qué beneficios tiene la compresión?

Puede ayudar a:

• Reducir el tamaño transferido.

• Disminuir tiempos de descarga.

• Mejorar la respuesta en conexiones móviles.

• Disminuir consumo de ancho de banda.

• Mejorar determinadas métricas de rendimiento.

Waclis aplica compresión sobre recursos compatibles desde su infraestructura.

8. Caché y compresión no son lo mismo

Aunque ambas optimizaciones pueden mejorar el rendimiento, cumplen funciones diferentes.

Caché

Busca evitar que sea necesario descargar nuevamente un recurso que ya está disponible y continúa siendo válido.

Compresión

Busca reducir el tamaño del recurso cuando debe ser transferido.

Ambas técnicas pueden trabajar simultáneamente.

9. Optimización de imágenes en Waclis

Las imágenes suelen representar una parte importante del peso total de una Página web.

Por eso Waclis procesa las imágenes cargadas a la plataforma y utiliza formatos optimizados como WEBP cuando corresponde.

Este formato permite mantener una buena calidad visual con archivos que pueden tener un peso menor que otros formatos tradicionales.

10. ¿Qué beneficios ofrece WEBP?

Entre sus principales ventajas se encuentran:

• Menor peso de archivo.

• Menor cantidad de datos transferidos.

• Buena calidad visual.

• Compatibilidad con navegadores modernos.

• Mejor rendimiento general de las páginas que contienen muchas imágenes.

11. La optimización automática no elimina la importancia de la imagen original

Aunque Waclis procese las imágenes, continúa siendo recomendable subir archivos adecuados para su utilización.

Por ejemplo, no tiene sentido utilizar una imagen extremadamente grande cuando será presentada en un espacio pequeño.

Una imagen de varios miles de píxeles puede contener información visual que nunca será necesaria para el visitante.

12. Buenas prácticas para imágenes

Recomendamos:

• Utilizar imágenes con dimensiones razonables.

• Evitar archivos innecesariamente grandes.

• No subir imágenes de resolución extremadamente alta cuando no sea necesario.

• Evitar llenar una página con decenas de imágenes pesadas sin una necesidad real.

• Utilizar una imagen adecuada para el espacio donde será mostrada.

• Revisar especialmente banners y sliders.

13. Banners y sliders

Los banners suelen ocupar una superficie grande de la pantalla y, por ese motivo, muchas veces se utilizan imágenes de mayor tamaño.

Esto no significa que deban utilizar archivos excesivamente pesados.

Si una Página de inicio contiene varios banners de gran tamaño, el navegador puede necesitar descargar una cantidad considerable de información antes de completar la carga.

Recomendamos analizar:

• Cantidad de banners.

• Dimensiones.

• Peso.

• Necesidad real de cada imagen.

• Experiencia desde dispositivos móviles.

14. Videos

Los videos pueden generar un impacto considerable sobre el rendimiento, especialmente si:

• Se cargan automáticamente.

• Se utilizan varios videos simultáneamente.

• Se incorporan archivos pesados directamente.

• El proveedor externo requiere cargar varios scripts adicionales.

Utilízalos cuando aporten valor real al contenido.

15. Aplicaciones externas

Una Página web puede incorporar servicios de terceros.

Por ejemplo:

• Chats.

• Analytics.

• Sistemas publicitarios.

• Píxeles de seguimiento.

• Mapas.

• Videos externos.

• Widgets.

• Servicios de marketing.

• Herramientas de remarketing.

• Formularios externos.

Cada integración puede incorporar sus propios archivos JavaScript, conexiones y recursos.

Waclis puede optimizar la infraestructura de su plataforma, pero no controla el peso ni el comportamiento interno de servicios pertenecientes a terceros.

16. ¿Significa que no debo utilizar aplicaciones externas?

No.

Muchas aplicaciones cumplen funciones importantes.

La recomendación es utilizar las que realmente necesitas.

Si instalas simultáneamente numerosas herramientas que realizan tareas similares, puedes aumentar innecesariamente la cantidad de recursos que debe cargar el navegador.

17. Código JavaScript personalizado

JavaScript permite implementar funciones avanzadas dentro de una Página web.

Sin embargo, un código personalizado mal optimizado también puede:

• Ejecutar operaciones innecesarias.

• Bloquear temporalmente el navegador.

• Generar errores.

• Duplicar funciones existentes.

• Cargar bibliotecas muy pesadas.

Si agregas JavaScript personalizado, evita copiar grandes fragmentos de código sin comprender su finalidad.

18. CSS personalizado

Las reglas CSS normalmente tienen un impacto menor que las imágenes o determinados scripts, pero también conviene mantenerlas organizadas.

Evita:

• Cargar bibliotecas CSS enormes para utilizar solamente una pequeña función.

• Duplicar cientos de reglas.

• Mantener código antiguo que ya no se utiliza.

• Importar múltiples fuentes únicamente con fines decorativos.

• Utilizar recursos externos innecesarios.

19. Fuentes o tipografías

Cada familia tipográfica puede requerir descargar archivos adicionales.

Además, una misma fuente puede poseer diferentes variantes:

• Regular.

• Medium.

• Bold.

• Extra Bold.

• Italic.

• Light.

Utilizar muchas familias y muchos pesos puede aumentar la cantidad de recursos necesarios.

Una estrategia visual más simple suele ser también más eficiente.

20. ¿Qué es PageSpeed Insights?

Google PageSpeed Insights es una herramienta que analiza determinados aspectos de rendimiento de una página.

Puede mostrar:

• Métricas de carga.

• Resultados de laboratorio.

• Información disponible sobre experiencia de usuarios reales.

• Oportunidades de optimización.

• Diagnósticos técnicos.

Su resultado puede ayudar a identificar áreas que conviene revisar.

21. ¿El puntaje de PageSpeed es el mismo para todo el sitio?

No necesariamente.

Cada URL puede tener características diferentes.

Por ejemplo:

Página de inicio

Puede contener banners, videos y diferentes bloques.

Listado de productos

Puede contener muchas imágenes.

Ficha de producto

Puede contener galería, variantes, recomendaciones y aplicaciones.

Página informativa

Puede ser mucho más sencilla.

Por este motivo no deberías asumir que analizar una única URL representa exactamente a todas las páginas del sitio.

22. ¿El puntaje es siempre idéntico?

No necesariamente.

Las pruebas pueden variar dependiendo de diferentes factores y condiciones de medición.

Por eso conviene analizar tendencias y problemas concretos en lugar de concentrarse exclusivamente en obtener un número determinado.

23. Una puntuación de PageSpeed no depende únicamente de Waclis

Este concepto es fundamental.

Waclis puede optimizar:

• La entrega de recursos propios.

• Caché.

• Compresión.

• Procesamiento de imágenes.

• Infraestructura de la plataforma.

Pero cada cliente puede incorporar:

• Imágenes.

• Código.

• Aplicaciones.

• Widgets.

• Videos.

• Herramientas externas.

• Fuentes.

• Contenido personalizado.

Todos esos elementos forman parte de la página que finalmente recibe el navegador.

Por eso dos sitios creados con Waclis pueden obtener resultados de rendimiento diferentes.

24. Ejemplo

Supongamos dos Páginas web que utilizan la misma plataforma.

Sitio A

Tiene:

• 1 banner optimizado.

• Pocas aplicaciones.

• Imágenes livianas.

• Sin videos automáticos.

Sitio B

Tiene:

• 8 banners.

• 4 videos.

• 5 herramientas publicitarias.

• Chat externo.

• Múltiples píxeles.

• JavaScript personalizado.

• Varias tipografías externas.

Aunque ambos utilicen Waclis, la cantidad de recursos que debe procesar el navegador es diferente.

Por eso su resultado de rendimiento también puede diferir.

25. ¿Qué son Core Web Vitals?

Core Web Vitals es un conjunto de métricas relacionadas con la experiencia de carga e interacción de las páginas.

Estas métricas buscan analizar aspectos como:

• Qué tan rápido aparece el contenido principal.

• Qué tan rápido responde una página ante determinadas interacciones.

• Qué tan estable permanece visualmente mientras carga.

El rendimiento técnico del sitio, el contenido y los recursos externos pueden influir sobre estos resultados.

26. ¿La caché y la compresión ayudan a Core Web Vitals?

Pueden contribuir a mejorar el rendimiento general, pero no determinan por sí solas todas las métricas.

Por ejemplo, una página puede tener compresión correctamente configurada pero continuar utilizando una imagen principal extremadamente pesada.

O puede utilizar imágenes optimizadas pero cargar numerosos scripts externos.

El rendimiento debe analizarse como un conjunto.

27. Rendimiento en dispositivos móviles

La optimización móvil es especialmente importante porque un visitante puede utilizar:

• Una conexión Wi-Fi rápida.

• 4G.

• 5G.

• Una conexión móvil con poca señal.

• Un dispositivo de alto rendimiento.

• Un teléfono con recursos limitados.

Una Página web que funciona correctamente en una computadora potente puede requerir más esfuerzo en otro dispositivo.

Por eso conviene revisar siempre las páginas también desde mobile.

28. ¿Qué puedo hacer para mejorar mi Página web?

Aunque Waclis realice optimizaciones automáticamente, puedes contribuir de manera importante.

Recomendamos:

Imágenes

• Evitar dimensiones excesivas.

• Eliminar imágenes que no aporten valor.

• Revisar especialmente banners.

Videos

• Utilizarlos cuando realmente sean necesarios.

• Evitar múltiples reproducciones automáticas.

Aplicaciones

• Mantener instaladas las herramientas que realmente utilizas.

• Evitar servicios duplicados.

Código personalizado

• Mantener CSS y JavaScript organizados.

• Eliminar código antiguo.

• Evitar bibliotecas innecesarias.

Fuentes

• Utilizar pocas familias.

• Reducir variantes innecesarias.

Contenido

• Evitar páginas innecesariamente cargadas de elementos visuales.

29. ¿Debo eliminar contenido para tener una Página web rápida?

No necesariamente.

El objetivo no es crear un sitio vacío.

El objetivo es encontrar un equilibrio entre:

• Diseño.

• Información.

• Funcionalidad.

• Experiencia.

• Rendimiento.

Un banner útil puede aportar más valor que eliminarlo simplemente para mejorar una puntuación.

Las herramientas de rendimiento deben ayudarte a detectar problemas, no reemplazar las decisiones comerciales y de diseño.

30. ¿Debo alcanzar 100 puntos en PageSpeed?

No debería considerarse una obligación.

Un puntaje es un indicador técnico, no una garantía de ventas, posicionamiento o experiencia perfecta.

Es más útil investigar problemas concretos.

Por ejemplo:

• Una imagen excesivamente pesada.

• Un script que demora demasiado.

• Un recurso que bloquea la carga.

• Un elemento que cambia de posición inesperadamente.

• Un servicio externo innecesario.

31. PageSpeed y SEO

El rendimiento y la experiencia del usuario forman parte del análisis técnico de una Página web.

Sin embargo, SEO depende de muchos otros elementos.

Entre ellos:

• Calidad del contenido.

• Relevancia.

• Estructura.

• Productos.

• Categorías.

• Enlaces.

• Autoridad.

• Competencia.

• Intención de búsqueda.

• Configuración técnica SEO.

Por eso mejorar PageSpeed no garantiza alcanzar una posición determinada en Google.

32. Caché del navegador y actualización de contenido

Una duda habitual es:

Si existe caché, ¿mis clientes verán información vieja?

La utilización de caché sobre recursos estáticos no significa que productos, stock, precios o información dinámica permanezcan permanentemente congelados.

La plataforma administra diferentes tipos de contenido y recursos según corresponda.

Además, los recursos modificados pueden ser actualizados mediante mecanismos técnicos de renovación.

33. ¿Debo borrar mi caché después de realizar un cambio?

Normalmente no es necesario para el funcionamiento general de la plataforma.

Sin embargo, durante tareas de diseño o desarrollo, tu navegador puede conservar temporalmente determinados archivos.

Si realizaste un cambio personalizado y deseas comprobarlo inmediatamente, puede resultar útil:

• Actualizar la página.

• Realizar una recarga forzada.

• Probar en una ventana privada.

• Comparar desde otro dispositivo.

Esto puede ayudarte a determinar si estás visualizando una copia almacenada localmente.

34. ¿Qué es una recarga forzada?

Una recarga forzada solicita al navegador volver a obtener determinados recursos en lugar de utilizar exclusivamente las copias almacenadas.

Puede ser útil durante pruebas técnicas.

No es algo que los clientes habituales de la Página web deban hacer para navegar normalmente.

35. ¿Qué pasa si una auditoría dice “aprovechar caché del navegador”?

Primero verifica qué recurso está señalando.

Puede tratarse de:

Un recurso de Waclis

La plataforma administra sus políticas de entrega.

Un recurso externo

Por ejemplo:

• Google.

• Un chat.

• Un proveedor de video.

• Un script publicitario.

• Una herramienta de terceros.

En este segundo caso, la política de caché puede depender del proveedor externo y no de Waclis.

36. ¿Qué ocurre si una auditoría detecta un recurso sin compresión?

También debes identificar quién entrega el recurso.

Un archivo servido directamente por una plataforma externa no necesariamente puede ser comprimido o modificado desde Waclis.

Por eso las auditorías deben analizarse recurso por recurso.

37. Cómo leer correctamente una auditoría de rendimiento

Antes de realizar modificaciones, divide los resultados en:

Recursos propios de Waclis

Infraestructura y archivos administrados por la plataforma.

Contenido cargado por el cliente

Imágenes, banners, videos y contenido propio.

Personalizaciones

CSS, JavaScript o bloques personalizados.

Recursos externos

Chats, Analytics, píxeles, videos, fuentes y otras herramientas de terceros.

Esta clasificación permite identificar quién puede actuar sobre cada punto.

38. No todas las advertencias requieren una modificación

Una auditoría automática puede sugerir diferentes optimizaciones.

Eso no significa que todas puedan o deban aplicarse.

Por ejemplo, una herramienta podría recomendar eliminar un script externo que en realidad es indispensable para:

• Medición publicitaria.

• Chat.

• Atención al cliente.

• Conversión.

• Pago.

• Analítica.

En esos casos debes evaluar el beneficio funcional frente al costo de rendimiento.

39. Qué revisar si notas lentitud

Si percibes que una página tarda más de lo esperado, analiza:

1. Qué página presenta el problema.

2. Si ocurre en desktop, mobile o ambos.

3. Si ocurre siempre o solamente ocasionalmente.

4. Cantidad y peso de imágenes.

5. Banners utilizados.

6. Videos.

7. Aplicaciones externas.

8. Código personalizado.

9. Fuentes externas.

10. Herramientas publicitarias.

11. Si el problema aparece también en otras páginas.

Esto ayuda a separar un problema general de uno específico de determinado contenido.

40. Ejemplo de diagnóstico

Supongamos que:

Página de inicio: lenta.

Página de contacto: rápida.

Categorías: rápidas.

Ficha de producto: rápida.

En ese caso probablemente convenga revisar primero qué elementos especiales posee la Página de inicio.

Por ejemplo:

• Slider.

• Banners.

• Video.

• Script externo.

• Bloques personalizados.

Esto es más útil que asumir inmediatamente un problema general de infraestructura.

41. Checklist para mejorar el rendimiento

Antes de realizar una auditoría avanzada puedes revisar:

• Las imágenes tienen dimensiones razonables.

• Los banners no tienen un peso innecesariamente alto.

• No existen imágenes duplicadas que ya no se utilizan.

• Los videos son realmente necesarios.

• No existen múltiples videos reproduciéndose automáticamente.

• Las aplicaciones instaladas son necesarias.

• No hay herramientas externas duplicadas.

• El CSS personalizado continúa siendo necesario.

• El JavaScript personalizado está actualizado.

• No se cargan bibliotecas que ya no se utilizan.

• No existen demasiadas familias tipográficas.

• La página fue probada desde mobile.

• Se analizaron varias URLs y no solamente la Página de inicio.

• Las recomendaciones de PageSpeed fueron evaluadas individualmente.

Preguntas frecuentes

¿Waclis utiliza caché?

Waclis aplica políticas de caché sobre recursos estáticos cuando corresponde para facilitar su reutilización y reducir descargas innecesarias.

¿Waclis utiliza compresión?

Waclis aplica compresión sobre recursos compatibles para reducir la cantidad de información transmitida.

¿Tengo que configurar manualmente la caché?

No para el funcionamiento estándar de la Página web alojada en la plataforma.

¿Tengo que modificar el servidor?

No.

Las configuraciones de infraestructura son administradas por Waclis.

¿Tengo que instalar un plugin de caché?

No para utilizar las optimizaciones estándar proporcionadas por Waclis.

¿Waclis optimiza las imágenes?

Las imágenes cargadas son procesadas por la plataforma y pueden utilizar formatos optimizados como WEBP cuando corresponde.

¿Eso significa que puedo subir imágenes de cualquier tamaño?

No es recomendable.

Siempre conviene utilizar archivos adecuados para la finalidad en la que serán mostrados.

¿Por qué una página puede seguir siendo pesada?

Porque además de los recursos propios de Waclis puede contener:

• Imágenes grandes.

• Videos.

• Scripts.

• Aplicaciones.

• Widgets.

• Fuentes.

• Código personalizado.

• Recursos externos.

¿Waclis puede optimizar el JavaScript de una herramienta externa?

Waclis no controla el código interno de servicios pertenecientes a otros proveedores.

¿Una aplicación puede afectar PageSpeed?

Sí. Una aplicación que incorpora scripts o recursos externos puede influir en determinadas métricas.

Esto no significa necesariamente que deba eliminarse: primero debes evaluar su utilidad.

¿PageSpeed mide únicamente el servidor?

No.

Analiza múltiples aspectos de la página final que recibe el navegador.

¿Dos sitios Waclis pueden tener puntajes diferentes?

Sí.

Cada sitio puede utilizar contenido, imágenes, personalizaciones y aplicaciones diferentes.

¿Un puntaje bajo significa que Waclis está caído?

No.

Un problema de disponibilidad y una puntuación de rendimiento son situaciones diferentes.

¿Tengo que obtener 100 puntos?

No existe una puntuación única que garantice el éxito de una Página web.

Utiliza los informes para detectar oportunidades reales de mejora.

¿La velocidad afecta el SEO?

El rendimiento y la experiencia forman parte del conjunto de aspectos que pueden resultar relevantes, pero el posicionamiento depende también de muchos otros factores.

¿Puedo solicitar ayuda si una auditoría muestra un recurso que no identifico?

Sí. Puedes enviar al equipo de soporte la URL analizada y el recurso o advertencia concreta para determinar si corresponde a Waclis, a una personalización o a un proveedor externo.

Waclis administra automáticamente diferentes optimizaciones técnicas para mejorar la entrega de tu Página web:

Caché

Permite reutilizar determinados recursos estáticos y reducir descargas innecesarias.

Compresión

Reduce el tamaño de recursos compatibles antes de enviarlos al navegador.

Imágenes

La plataforma procesa imágenes y utiliza formatos optimizados como WEBP cuando corresponde.

Infraestructura

Las configuraciones técnicas necesarias para servir la Página web son administradas por Waclis.

Por tu parte, puedes contribuir manteniendo optimizados:

• Imágenes.

• Banners.

• Videos.

• Aplicaciones.

• Código personalizado.

• Fuentes.

• Servicios externos.

La mejor estrategia consiste en combinar las optimizaciones automáticas de Waclis con una Página web diseñada de forma eficiente y utilizando únicamente los recursos que realmente necesita.