Responsive Web Design

¿Su sitio web móvil con diseño receptivo ofrece tiempos de carga aceptables?

Google quiere que se carguen tus páginas móviles bajo un segundo! Sí, así de rápido debe ser el tiempo de carga de su sitio web, independientemente de si es un sitio móvil dedicado, un sitio web diseñado con capacidad de respuesta o no está optimizado para dispositivos móviles en absoluto. Entonces, una cosa es segura: no es suficiente tener un sitio web con un diseño de sitio web receptivo que se muestre de manera efectiva en computadoras de escritorio, así como en los teléfonos inteligentes y tabletas de sus usuarios objetivo. Debe asegurarse de que el sitio sea rápido y se cargue en sus navegadores web móviles en un abrir y cerrar de ojos. Google considera la velocidad de carga de la página como un marcador ideal para juzgar la experiencia del usuario de un sitio. Si su sitio tiene un tiempo de carga aceptable, está brindando la experiencia de usuario ideal, que se tiene en cuenta cuando Google clasifica su sitio.

Piénsalo un segundo. Ha invertido mucho dinero para desarrollar un sitio receptivo y descubre que no está brindando los beneficios que busca, simplemente porque no se carga rápidamente. Esto tiene tremendas repercusiones para su negocio y tiene el potencial de afectar su resultado final.

“Mi sitio web tiene tiempos de carga aceptables” ¿De verdad?

Si tiene un sitio web en funcionamiento, mírelo de cerca y descubra si realmente cumple con la demanda de tiempo de carga aceptable. Según una encuesta de Trilibis, de los 155 sitios web diseñados con capacidad de respuesta que la empresa encuestó, el 69 % de los sitios tardaron un tiempo inaceptablemente largo en cargarse (más de 8 segundos) y solo el 21 % (1 de cada 5 sitios) tardó menos de 4 segundos en cargarse, que se considera aceptable. Entonces, la pregunta es: ¿su sitio tiene un tiempo de carga aceptable? Si no es así, ¿debe averiguar por qué es así?

Razón clave por la que los sitios web móviles se cargan lentamente

Los sitios de gran capacidad de respuesta de imágenes son un asesino de la velocidad. El estudio de Trilibis atribuye la responsabilidad de los sitios de carga lenta al peso de la página y al tamaño de la imagen, que ocupan una parte sustancial de este peso. De los 155 sitios encuestados en esta encuesta, 107 sitios gigantescos tenían imágenes que ocupaban casi el 50% del peso de la página. Para los sitios cuya velocidad de carga de la página era inaceptable, el peso de la página excedía 1 MB y casi el 50-60% de este peso lo ocupaban las imágenes.

Aprendiendo – Optimice el tamaño de la imagen y obtenga un sitio con una velocidad de carga de página aceptable.

¿Cómo se optimiza el tamaño de la imagen?

La naturaleza del diseño web receptivo es tal que garantiza que se sirva el mismo contenido en todos los dispositivos; este contenido incluye imágenes. Independientemente de su tamaño, estas imágenes se redimensionan y procesan para adaptarse a las limitaciones de pantalla de los dispositivos móviles.

breezi_placeit-ipad-blanco

Aquí es donde los diseñadores se equivocan. No eligen imágenes optimizadas para dispositivos móviles. Se eligen imágenes visualmente llamativas que no afectan la velocidad de carga de la página del sitio en los escritorios debido a las conexiones de alto ancho de banda, pero las mismas imágenes fallan cuando se cargan en los dispositivos móviles. El procesamiento requerido para cambiar el tamaño de imágenes grandes y representarlas en las pantallas pequeñas de los dispositivos móviles ejerce mucha presión sobre una red móvil y el dispositivo en cuestión; esto conduce a una velocidad reducida. Smashing Magazine tiene un gran artículo sobre Abordar el problema de rendimiento de las imágenes receptivas. Es una gran lectura para cualquier persona que desee una visión detallada de cómo mejorar el rendimiento de las imágenes en sitios web receptivos. Para que su sitio web receptivo se cargue rápidamente, debe asegurarse de que sus páginas, las más importantes, no estén repletas de imágenes grandes. Si bien esto se puede lograr modificando el marcado o los elementos de la imagen, una forma más fácil sería usar las últimas herramientas para este propósito, un ejemplo de ello es Imágenes adaptables. Este software detecta el tamaño de la pantalla de sus visitantes y crea, almacena en caché y entrega versiones reducidas de las imágenes HTML incrustadas en su sitio.

Conseguir las imágenes correctas es siempre un trabajo en progreso y debe seguir haciéndolo.

Otra forma de garantizar que esas imágenes grandes y perfectas en píxeles que ha utilizado en su sitio no interfieran con la velocidad de carga de su sitio es utilizar carga condicional. Esto garantiza que solo los aspectos más importantes del sitio se muestren en los dispositivos más pequeños de sus usuarios objetivo. Por lo tanto, si hay algunas imágenes o widgets que cree que no influirán en la UX de sus usuarios móviles, la carga condicional garantiza que este contenido no se cargue. Como se puede imaginar, puede y mejora los tiempos de carga de su sitio móvil.

¿Por qué es todo esto necesario?

¿Por qué necesita duplicar la mejora de la velocidad de carga de su sitio receptivo en dispositivos móviles? Ya hemos hablado sobre la velocidad de carga del sitio, o la falta de ella, que afecta su balance final. ¿Como sucedió esto? A los usuarios de dispositivos móviles no les gustan los sitios que funcionan con lentitud. Un minúsculo retraso en la velocidad puede provocar una mayor frustración del usuario y una menor participación; esto conduce esencialmente al abandono del sitio, lo que a su vez conduce a una disminución de las conversiones y de las ventas. Un retraso de 500 ms en la red puede resultar en un aumento de hasta un 26 % en la frustración máxima y una disminución del 8 % en la participación*. Si una página se carga lentamente, el deseo de comprar de un visitante de ese sitio se reduce considerablemente. Es una reacción lógica a un sitio que no respeta el tiempo del visitante. La paciencia escasea entre los visitantes en línea y si no hace algo con respecto a su sitio de carga lenta, encontrará que nadie aparecerá en su sitio. Resultado: caída de las ventas y un resultado final que se erosiona rápidamente. (*Estudio de Radware – Estrés de la web móvil: el impacto de la velocidad de la red en el compromiso emocional y la percepción de la marca)

Para concluir

Ignorar la velocidad de carga de su sitio web móvil con diseño receptivo es un «delito penal» y será castigado al ver cómo su negocio se desmorona frente a sus ojos. Este no es un riesgo que valga la pena correr, ¿verdad? No, no lo es. Por lo tanto, asegúrese de que su sitio cumpla con las expectativas de su público objetivo.

(dpe)

#sitio #web #móvil #con #diseño #receptivo #ofrece #tiempos #carga #aceptables

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *