Si bien, sin duda, hay varios factores que afectan los ingresos, la mayoría de los expertos dicen que los sitios comerciales que se cargan en 5 segundos ganan casi el doble de los que lo hacen en 19, el tiempo promedio de carga del sitio.
El estudio también ha encontrado que los sitios que se cargan en 5 segundos tienen:
- 25% más de visibilidad de anuncios,
- Un 35% menos de tasa de rebote, y
- 70% más largas sesiones de usuario.
Es precisamente por eso que debemos centrarnos en soluciones móviles para ayudar a que nuestras empresas tengan éxito. Después de todo, la velocidad móvil nunca ha sido más importante.
$config[code] not foundLa velocidad de carga lenta realmente puede ser un problema
Según Google,
- 1 de cada 2 personas espera que una página se cargue en menos de 2 segundos.
- Es más probable que se abandone el 53% de las visitas si la página tarda más de 3 segundos en cargarse en un dispositivo móvil.
- El 46% de las personas ha mostrado disgusto en esperar a que se carguen las páginas mientras navega por la web en un dispositivo móvil.
Los 3 factores principales que ralentizan los sitios en Internet móvil son el número de solicitudes del servidor, el tamaño del archivo y el orden secuencial de los elementos de carga de la página. Así que ahora hemos resaltado las causas; vamos a la solucion
Cómo aumentar la velocidad del sitio móvil
Mida y minimice el tiempo de respuesta de su servidor
La velocidad de su página móvil no solo depende de su código sino que también depende de una importante herramienta tecnológica llamada servidor.
Cuanto más tiempo su servidor espere para responder a una solicitud del navegador, más lenta será la carga de su página en el dispositivo. La mayoría de los expertos en Google recomiendan que su servidor comience a transmitir el 1S t Byte de recursos dentro de doscientos milisegundos de una solicitud de un resultado más óptimo.
Normalmente, hay 3 métodos principales involucrados en la elevación del tiempo de respuesta de su servidor:
- Mejora la configuración de su servidor web o software.
- Mejore el alcance y la calidad de su servicio de alojamiento, en particular asegurándose de contar con recursos adecuados de memoria y CPU.
- Reduciendo la cantidad de recursos requeridos por tus páginas web.
Usa CSS para cargar imagenes
Si desea ocultar sus imágenes de contenido para usuarios móviles, cárguelas como imágenes de fondo a través de CSS y utilice consultas de medios para ocultarlas de forma condicional.
Amazon utiliza una variación de esta técnica para cargar condicionalmente imágenes específicas del dispositivo.
Minimice el número de redirecciones para aumentar la velocidad de su página móvil
Los redireccionamientos no son más que instrucciones capaces de llevar automáticamente a los visitantes del sitio web de una página a otra.
Cada redirección puede consumir valiosos milisegundos, lo que resulta en una carga de página más lenta. Esto es particularmente problemático para los dispositivos móviles porque a menudo dependen de redes no confiables que los usuarios de escritorio.
El primer paso para solucionar este problema es evaluar la cantidad de redirecciones en su sitio mediante el uso de herramientas como el mapeador de redireccionamiento. Si el número es demasiado grande, minimícelo, o idealmente, bájelo a cero para obtener los mejores resultados.
Minimizar archivos JS y CSS
Más datos significa exceso de peso de la página. Esto llevará más tiempo para cargar sus páginas en un dispositivo móvil.
Es por eso que la mayoría de los desarrolladores web que valen su esfuerzo saben la necesidad de optimizar y minimizar los activos para aumentar la velocidad de carga de la página.
La "minificación" elimina la redundancia sin afectar la visualización de una página. Una amplia gama de herramientas de Google puede ayudarlo a eliminar tales redundancias, incluidas las siguientes:
- CSSNano (para CSS)
- UglifyJS (para JS)
En lugar de imágenes, usa CSS3
Sombras, esquinas redondeadas y rellenos de degradado: todas estas funciones se pueden realizar a través de CSS, en lugar de imágenes.
Esto puede ser de gran ayuda para reducir la cantidad de solicitudes HTTP, acelerando el tiempo de carga al mismo tiempo.
Use SVGs en línea en lugar de JPEG
Al igual que los URI de datos, los SVG (gráficos vectoriales escalables) se pueden incrustar en una página para disminuir el número de solicitudes
Estos archivos se pueden crear en un editor de gráficos vectoriales como Inkscape, Adobe Illustrator, etc. Una vez creados, puede abrirlo en un editor de texto y colocarlo en su código.
Nota: para incrustar un SVG en su hoja de estilo, primero debe convertirlo a URI de datos y luego pasar al siguiente paso.
Así que más o menos resume las cosas. Espero que hayan tenido una buena y esclarecedora lectura.
Foto a través de Shutterstock
1
