Una de las tareas más importantes del operador de un sitio web es garantizar que la experiencia del visitante en su sitio web sea lo más fluida posible. Factores como el tiempo que tarda en cargarse la página de inicio son consideraciones importantes, especialmente a medida que el tráfico desde dispositivos móviles sigue aumentando. Si tarda demasiado en cargarse, su sitio web perderá muchos visitantes muy rápidamente. Para optimizar la velocidad, debe tener en cuenta el rendimiento de su sitio: trabaje para mejorarlo regularmente y pronto se dará cuenta de que sus visitantes pasan más tiempo en su sitio y ven más páginas. Mejorar el rendimiento de su sitio web también tendrá el beneficio adicional de ser más atractivo para los motores de búsqueda, lo que significa que, en última instancia, se beneficiará de una mejor clasificación.
Cómo optimizar la velocidad del sitio web y la experiencia del usuario
Puede usar una prueba de velocidad de sitio web gratuita como Google PageSpeed Insights o Pingdom para medir la velocidad actual de su sitio web. Estas herramientas miden y evalúan el rendimiento de la página web. También son útiles cuando se consideran aspectos que no están relacionados con la web, como el contenido multimedia o la estructura del código HTML. Por ejemplo, las herramientas de Google analizan las versiones de escritorio y móvil de su sitio web para brindarle una descripción general de lo que debe mejorarse.
Si te preguntas qué afecta el tiempo de carga de tu sitio web, estás en el lugar correcto. En este artículo, Popeye le dirá qué factores comúnmente ralentizan su sitio web; si la velocidad de su sitio se ve afectada, analizaremos las posibles soluciones para mejorarla.
Alojamiento de servidor
Debes empezar por preguntarte: ¿Tu plataforma de hosting actual cumple con los requisitos de tu proyecto web? La mayoría de los operadores de sitios web quieren ahorrar dinero al elegir el alojamiento y tienden a optar por la opción más barata. Pero esto se produce a expensas del rendimiento y la capacidad del servidor. Thrift tiene una desventaja: por ejemplo, la plataforma puede carecer del ancho de banda necesario para manejar todas las solicitudes de los usuarios. Con soluciones de alojamiento baratas, varias partes comparten un solo servidor, lo que no permite el crecimiento de un sitio web en particular o el aumento de la cantidad de visitantes. Otro error típico es alojar su sitio web en un servidor ubicado en el extranjero, lo que en realidad puede aumentar el tiempo de carga de su sitio web.
qué hacer:
-
Utilice una solución de alojamiento flexible con espacio web y tráfico ilimitados
-
Solo alquile servidores ubicados en el mismo país que la mayoría de los usuarios
-
Si planea llegar a una audiencia internacional, use una red de entrega de contenido CDN
-
Gestiona tú mismo el hosting para que puedas ajustarte a las necesidades de tu proyecto
HTML, CSS y JavaScript
Cuando un visitante visita su sitio web, su navegador solicita un archivo HTML en su servidor y lo muestra de acuerdo con el formato CSS incluido. Lo mismo se aplica a los elementos JavaScript integrados, como banners o noticias, etc. El proceso de carga puede llevar mucho tiempo, según el tamaño del archivo y la cantidad de código que se debe leer y convertir. Incluir hojas de diseño y scripts es esencial para un sitio web dinámico; no es recomendable renunciar a CSS y JavaScript para una mayor velocidad del sitio. Por lo tanto, el enfoque debe centrarse principalmente en optimizar el código de su sitio web.
qué hacer:
-
Use HTML solo para cosas que CSS no puede
-
Use archivos separados para CSS y JavaScript, e incluya código CSS y JavaScript en páginas HTML solo en casos especiales (JavaScript siempre debe aparecer al final del documento, antes del elemento del cuerpo de cierre)
-
Combinar y minificar archivos de código (más información sobre CSS Minification)
-
Utilice las últimas tecnologías de programación, como WebAssembly
Imágenes y contenido externo
El contenido multimedia es una parte importante de un buen sitio web. Al igual que el diseño y el diseño, dicta la apariencia de su sitio y ayuda a estructurar y contextualizar el cuerpo del texto. Especialmente en el comercio electrónico, es muy importante exhibir sus productos con imágenes de alta calidad. Cada imagen o foto adicional aumenta los tiempos de carga, especialmente si están almacenadas en un servidor remoto en lugar del tuyo. Lo mismo se aplica a otros archivos multimedia como música, videos o PDF.
qué hacer:
-
Cargue la menor cantidad posible de elementos de sitios externos
-
Evite imágenes, videos, etc. innecesarios.
-
Usa herramientas para comprimir imágenes
-
Subcontratar imágenes a servidores externos
-
Especifique el ancho y el alto de la imagen (de lo contrario, el navegador calculará las dimensiones por sí mismo)
-
Utilice iconos SVG (gráficos vectoriales escalables)
-
Carga diferida con el complemento jQuery, que deja de cargar imágenes si se salen de los límites (solo comienzan a cargarse cuando un visitante se desplaza hacia ellas)
-
Usa el formato de imagen más eficiente WebP
cache
Muchos sitios web funcionan lentamente porque pierden su caché. Pero lo que algunos propietarios de sitios web no se dan cuenta es que un caché bien configurado puede ayudar a optimizar su sitio web, con muy poco esfuerzo. Esto se debe a que el contenido en caché no necesita ser llamado por el servidor web en cada clic, lo que significa que las páginas se cargan mucho más rápido. También aligera la carga en el servidor web porque tiene menos solicitudes que manejar. Todos los elementos estáticos, como archivos JavaScript y CSS, imágenes o documentos, se pueden almacenar en caché. Aquí, también es posible definir cuánto tiempo permanecerán en caché.
qué hacer:
-
Use el navegador del visitante como caché: active el módulo "mod_expires" en el servidor web Apache y defina cuánto tiempo debe permanecer el tipo de archivo correspondiente en el caché; el navegador del usuario respectivo hace el resto
-
Configure un servidor proxy inverso y utilícelo como caché. Alternativamente, puede usar una red de entrega de contenido, donde tiene acceso a una red completa de servidores proxy inversos distribuidos globalmente.
-
Use software de almacenamiento en caché como Memcached para almacenar temporalmente contenido dinámico en la memoria, lo que le permite minimizar el acceso a la base de datos
Más consejos y trucos para la optimización de sitios web
Además de las formas anteriores de optimizar el rendimiento de su sitio web, hay muchos pasos más pequeños que puede seguir para ayudar a minimizar los tiempos de carga. Éstas incluyen:
-
Mantenga las redirecciones al mínimo
-
Especificar la codificación de caracteres en documentos HTML
-
eliminar cualquier contenido incorrecto
-
Evite el uso excesivo de complementos en su CMS
-
Limitar la información recopilada en las cookies
-
Use un favicon (ya que los navegadores siempre buscan archivos favicon.ico en los servidores web)
-
Habilitar HTTP/2
Si aún no ha utilizado una de estas herramientas para hacer que su sitio web funcione más rápido, ahora es el momento de comenzar a mantenerse al día con la competencia. Según una encuesta de Google de 2017, los usuarios tienen un 123 % más de probabilidades de abandonar un sitio móvil si tarda más de 10 segundos en cargarse. Cuando una página se carga más rápido que 5 segundos, las probabilidades de abandono de la página aumentan en un 90%. Por lo tanto, la velocidad del sitio web debe ser una prioridad.
Si no quiere perder clientes potenciales debido a tiempos de carga deficientes, debe optimizar su sitio web para tener éxito en la era móvil.