Frecuentemente me preguntan cómo mejorar el rendimiento del sitio web y siempre digo que hay tres elementos que uno debe considerar primero: velocidad, conversión y capacidad de respuesta .
El diseño de un sitio web de una pequeña empresa no se limita a tener imágenes coloridas y un diseño genial. De hecho, muchos sitios web bonitos no funcionan bien.
Tiendo a inclinarme por mantener un sitio web simple y pensar en lo útil y útil que será un sitio web cuando un visitante decida revisarlo.
- Cómo crear un sitio web de juego de Sudoku usando Python
- ¿Existe una buena plataforma para implementar la aplicación nodeJs con la base de datos MySql de forma gratuita?
- Cómo ordenar automáticamente las ciudades como resultado de seleccionar un distrito de lugar en JavaScript
- ¿Necesito corregir la forma en que abordo la programación de computadoras?
- ¿Hay páginas web o estudios que hayan cambiado la forma en que ves el mundo? Un ejemplo es que hay rubias en todas las razas y en todos los continentes.
“Una onza de rendimiento vale libras de promesas”. – Mae West
En este artículo, voy a hablar sobre cómo mejorar el rendimiento del sitio web y cómo hacer pequeños ajustes en el diseño del sitio web de su pequeña empresa realmente puede afectar el rendimiento.
1. Velocidad del sitio web
¿Por qué es tan importante la velocidad? Simple, la velocidad del sitio web genera conversiones y ventas .
Es como su viaje diario: cuanto más rápido llegue a su destino, mayores serán las posibilidades de hacer las cosas y más lento será el viaje, más tiempo, dinero y energía se desperdician.
“El 40% de los visitantes abandonan un sitio web que tarda más de 3 segundos en cargar”. – Kissmetrics | Análisis de comportamiento y plataforma de compromiso
¡Oh si! Su sitio web solo tiene unos segundos para causar una impresión realmente buena y duradera. Unos segundos pueden generar más ventas o repeler a los clientes.
En otras palabras, los usuarios del sitio web son impacientes y no hay nada que pueda hacer al respecto que no sea asegurarse de que su sitio web tenga el mejor rendimiento.
Entonces, ¿cómo se mejora el rendimiento del sitio web cuando se trata de velocidad? Vamos a ver.
Las solicitudes HTTP mínimas se traducen en la experiencia máxima del usuario
En primer lugar, ¿qué demonios es HTTP?
HTTP significa ” Protocolo de transferencia de hipertexto “. Este protocolo ocurre cuando su computadora y un servidor transfieren archivos entre sí. Estos archivos son páginas, imágenes, hojas de estilo, scripts, Flash, etc.
Según el blog de YUI, El 80% del tiempo de respuesta está vinculado a las solicitudes HTTP, lo que significa que cuantos más archivos tenga un sitio web, más lenta será la velocidad.
¿Cómo se mejora esto? Aquí un par de sencillos pasos:
- Simplifique su sitio web : el diseño de la página debe ser simple. Use una o dos imágenes y texto.
- Combinar elementos juntos : apile todos los scripts en uno y combine todos los CSS en una sola hoja.
Imágenes y CSS Sprite hacen un gran combo
Recuerde que la cantidad de imágenes juega un papel muy importante en la velocidad de un sitio web. Cuantas más imágenes tenga su sitio web, más “viajes redondos” tomará el servidor para obtener todos los recursos necesarios. ¿Cuál es la solución? Utiliza Sprites.
Los sprites son una sola imagen que combina todas las imágenes de fondo. Ayudan a minimizar lo siguiente:
- Contratiempos de servidor de ida y vuelta debido a descargas.
- Solicitud de gastos generales.
- El número total de bytes que descarga una página.
Herramientas en línea que pueden ayudarlo con esta tarea:
- Piskel
- PixelShop
- Pintura elegante
- Editor de mapas de mosaico
- Aseprite
Comprimir … Comprimir … Comprimir …
Otra forma de mejorar la velocidad del sitio web es a través de la compresión de recursos e imágenes. Gzip es la forma más efectiva de comprimir o desinflar códigos de página como HTML, CSS y Javascript . Las páginas grandes a menudo tienen 100 kb o más y, como resultado, son voluminosas y lentas de descargar.
Según Yahoo, aproximadamente el 90% del tráfico actual de Internet viaja a través de navegadores que admiten gzip, por lo que la compresión es una excelente manera de aliviar la latencia del sitio web.
Las imágenes en su sitio web pueden ocupar una tonelada de espacio. Optimizarlos y comprimirlos (sin afectar la calidad de la imagen) también puede ayudarlo a ver un gran aumento del rendimiento.
Herramientas en línea para la compresión HTML :
- HTMLCompressor
- Miniwebtool
- Textfixer
Herramientas para la compresión CSS :
- CSS Minifier
- Compresor CSS
- CSS limpio
Herramientas web para la compresión Javascript :
- Compresor YUI
- Compilador de cierre de Google
- JSMin
Herramientas para la compresión de imágenes :
- Kraken.io
- Optimizilla
- PNG minúsculo
Use una CDN (red de entrega de contenido)
Otra forma de mejorar el rendimiento del sitio web en términos de velocidad es usar un CDN.
Content Delivery Network se refiere a un grupo de servidores distribuidos en múltiples ubicaciones en todo el mundo que trabajan juntos para reducir el tamaño de los archivos y enviarlos más rápido.
Principales proveedores de servicios de CDN:
- Flama de nube
- KeyCDN
- MetaCDN
- StackPath
- Amazon CloudFront
Muchos proveedores de alojamiento web ofrecen un CDN con sus servicios. A veces está incluido y otras veces puede ser un costo adicional.
De cualquier manera, es posible que desee consultar con su proveedor de alojamiento web para ver cómo pueden ayudarlo.
Utilice encabezados “caduca” para admitir el almacenamiento en caché del navegador
Muchos diseños de sitios web de pequeñas empresas a menudo están llenos de archivos como hojas de estilo, scripts e imágenes.
Cada vez que alguien visita un sitio web, su navegador almacena una tonelada de estos archivos en el disco duro de esa persona. Esto reduce la frecuencia de solicitudes HTTP y agiliza la navegación en la próxima visita.
Esos archivos tienen una fecha de vencimiento en el encabezado conocido como encabezados “caduca”. De forma predeterminada, esa fecha de vencimiento podría establecerse en 24 horas.
Cosas a considerar sobre esta regla:
Componentes estáticos : establezca una política de “Nunca caducar” en el futuro para imágenes, Flash, scripts y hojas de estilo.
Componente dinámico : use un encabezado de control de caché para ayudar al navegador con solicitudes condicionales.
Activar la respuesta HTTP Keep-Alive
Keep-alive es un apretón de manos entre un navegador web y un servidor para mantener abierta la misma conexión para enviar y recibir múltiples archivos. Ayuda a acelerar las conexiones porque su procesador, red y memoria no están demasiado estresados.
Aquí hay dos formas comunes de habilitar keep-alive:
- Optimización de Apache
- HTTP Keep-Alive en servidores de ventana
Herramientas de prueba de velocidad del sitio web
Existen excelentes herramientas en línea que pueden analizar la velocidad de su sitio web. Estas herramientas son muy útiles para decidir si su sitio web necesita algunos ajustes. Aquí hay algunos que quizás desee marcar.
- Prueba de velocidad del sitio web de Pingdom
- Prueba de página web
- Page Speed Insights
2. Conversión del sitio web
Otro elemento importante del rendimiento del sitio web es la conversión .
Según Google , “en Analytics, una conversión es la realización de una actividad que es importante para el éxito de su negocio, como un registro completo de su boletín de correo electrónico (una conversión de objetivos) o una compra (una transacción, a veces llamada una conversión de comercio electrónico) “.
Los objetivos del sitio web varían según la industria, el tamaño del negocio y el propósito del negocio. Aquí hay unos ejemplos:
- Una compra exitosa
- Envío de formulario
- Llegar a una página en particular
Después de manejar el problema de la velocidad, es el momento perfecto para trabajar en hacer que los visitantes de su sitio web hagan clic en ese botón de registro o compra.
¡El tráfico es inútil si un sitio web no está convirtiendo visitantes en clientes!
13 formas simples de mejorar la conversión del sitio web
- Debe tener un formulario de suscripción por correo electrónico y solicitar la menor cantidad de información necesaria para ahorrar tiempo. Cuanto más fácil sea para que alguien opte, mejor.
- Siempre incluya una política de reembolso o devolución en todas las compras para reducir los riesgos de compra y aumentar las ventas. Cuanto más pueda mitigar el riesgo para el cliente, mayor será la probabilidad de que dé el siguiente paso.
- Tus llamadas a la acción (CTA) deben tener verbos de acción fuertes y convincentes como “¡Toma tu copia ahora!” y “Reserve un vuelo ahora!”. Use los botones de CTA en lugar de enlaces y hágalos divertidos y atractivos.
- Muestre a sus visitantes testimonios en línea de clientes actuales y pasados para generar legitimidad y confianza del consumidor. Si ha estado trabajando en su gestión de reputación en línea, tenga enlaces para revisar sitios en su sitio web (consulte también el número 10 a continuación).
- Indique con precisión el FAB (Características-Ventajas-Beneficios) de sus productos y servicios en su sitio web. ¿Qué hay para que los visitantes de su sitio se conviertan en clientes?
- Use videos en su sitio sobre sus productos y servicios para construir una relación, credibilidad y compromiso más sólidos. ¡A la gente le encanta ver videos!
- Si estas usando La publicidad de pago por clic asegura que sus visitantes sean enrutados a una página de destino dedicada cuando hacen clic en un anuncio. Desea asegurarse de que haya coherencia y relevancia entre sus anuncios pagados y dónde termina un visitante en su sitio web.
- Para obtener pruebas sociales adicionales, no olvide incluir enlaces a los perfiles de redes sociales de su empresa, como Facebook y Twitter.
- Ofrezca varias opciones de pago como Paypal, tarjeta de débito o crédito, etc.
- Incluya revisiones en línea en su sitio web porque son una fuerza decisiva para las decisiones de compra de los clientes.
- Utilice imágenes profesionales de alta calidad para crear una impresión fuerte y creíble para su marca.
- No olvide el contenido y la redacción en su sitio web. Debe hablar con sus clientes ideales: sus problemas, sus metas / sueños y lo que es importante para ellos.
- Incluya siempre la información de contacto de su empresa, como el número de teléfono, la dirección y el correo electrónico de su empresa (preferiblemente en el pie de página de su sitio web).
3. Capacidad de respuesta del sitio web
Un diseño web receptivo (RWD) es tan importante como la velocidad y la conversión. En una era de pantallas que cambian rápidamente, un sitio web debe mantenerse a flote adaptándose a estos cambios.
Es importante tener un sitio web receptivo para pequeñas empresas porque …
- El uso móvil continúa aumentando
- Las redes sociales aumentan los visitantes móviles
- Los sitios receptivos mejoran las clasificaciones de SEO
- Los sitios receptivos proporcionan una mejor experiencia de usuario (UX)
Permítanme discutir algunos consejos simples sobre cómo mejorar el rendimiento del sitio web en términos de capacidad de respuesta.
Utilice uno de los muchos excelentes sistemas de gestión de contenido o creadores de sitios web
La mayoría de las pequeñas empresas no necesitan un sitio web completamente personalizado. Si ese es su caso, le recomiendo utilizar uno de los muchos sistemas de gestión de contenido o creadores de sitios web probados para crear su sitio web.
¿Por qué? Porque tienen una gran cantidad de excelentes funciones de respuesta integradas.
Aquí están algunos a considerar:
- WordPress : este es uno de los sistemas de gestión de contenido más populares en la web. Puede crear sitios web muy sofisticados con WordPress si lo necesita y las opciones de personalización son prácticamente ilimitadas.
Si está gastando tiempo y esfuerzo en marketing digital como SEO y marketing de contenido, creo que WordPress es el camino a seguir. WordPress requiere un poco más de mantenimiento manual y mantenimiento de rutina, por lo que debe estar preparado para administrar eso o pagarle a alguien para que lo haga.
- Duda : este es un gran creador de sitios web con muchas opciones de personalización. Puede crear un sitio de aspecto increíble y uno que funcione muy bien. Hemos creado algunos sitios excelentes en Duda que funcionan bien para nuestros clientes.
Construye un diseño móvil primero
Siempre priorice la creación de un sitio web que sea compatible con dispositivos móviles y luego escale a tabletas y diseños de escritorio. Recuerde que si el texto o la imagen es fácil de ver en un dispositivo móvil, no debería tener problemas con otros dispositivos.
Fácil navegación es imprescindible
Un sitio web receptivo debería ser fácil de navegar.
Sus menús deben ser fáciles de localizar y usar. Si no es fácil para los visitantes encontrar y acceder a lo que están buscando, sus conversiones sufrirán.
Optimizar texto, imágenes y botones para dispositivos móviles
Los dispositivos móviles son mucho más simples que los equipos de escritorio. Si desea que su sitio web funcione perfectamente en todo tipo de pantallas y dispositivos, asegúrese de que su texto, imágenes y botones sean fáciles de leer, ver y seleccionar en dispositivos móviles .
Un diseño limpio es un gran diseño
En general, un diseño de sitio web simple funcionará bien en cualquier tipo de pantalla. Cuantas menos complicaciones, mejor. Aquí están mis recomendaciones:
- Use cuadrículas en lugar de carruseles complicados para las imágenes .
- Use el desplazamiento simple en lugar del desplazamiento de desplazamiento (cuando reutiliza la rueda de desplazamiento o el movimiento para algo que no sea subir o bajar la página)
- Mantenlo simple y no te olvides de la fácil navegación que mencioné anteriormente.
Espero que estos consejos le hayan sido útiles y le permitan mejorar el rendimiento de su sitio web.
El diseño de un sitio web de una pequeña empresa puede mejorar enormemente si se prioriza la velocidad , la conversión y la capacidad de respuesta .
Este artículo , publicado en el blog de Rialto Mobile Marketing , está destinado a ayudarlo a mejorar el rendimiento de su sitio web. ¡Espero que lo haya encontrado util!
