Con los teléfonos inteligentes tomando el control del mundo de la comunicación, no sorprende que la gente use cada vez más estos dispositivos para acceder a Internet. Como resultado, se ha vuelto pertinente desarrollar sitios web receptivos optimizados para dispositivos móviles. El sistema operativo de un teléfono inteligente es más liviano y rápido que el de una computadora y, por lo tanto, las páginas del sitio web deben ser altamente receptivas para complementar un dispositivo más eficiente. Existen varias herramientas de prueba de rendimiento móvil de las que puede beneficiarse.
Aquí hay algunos consejos de optimización móvil para su sitio web:
# 1 Idear lo que quieres
- ¿Cuál es el beneficio de aprender microcontroladores C y AVR integrados como ingeniero de electrónica y comunicación (durante B.TECH)?
- ¿Cuáles son algunos dispositivos que usan un microcontrolador que tiene 3 entradas y salidas? ¿Y cuál es su función?
- ¿Cuáles son las habilidades / conocimientos básicos necesarios para la programación integrada / sistemas / firmware?
- Explicar los componentes de los sistemas embebidos y clasificarlos.
- ¿Es Arduino una mala forma de aprender sistemas embebidos? Mis habilidades en C son buenas y quiero ser un ingeniero de software integrado profesional. Compré un kit Arduino y comencé a hacer proyectos, pero fue fácil. No estoy aprendiendo ¿Cuál debería ser el siguiente paso?
Antes de sumergirse de lleno en la optimización, primero aclare algunas cosas: lo que tiene y lo que quiere. Determine su público objetivo, sus necesidades y hasta qué punto su sitio web puede satisfacerlos. Una manta pensada como “Queremos que el sitio sea realmente rápido” no funcionará mucho.
Por ejemplo, si la mayoría de sus páginas se cargan en menos de dos tercios por segundo, ¡puede gritar victoria! Luego puede entrenar y asociar sus recursos a otras tareas como agregar nuevas funciones. Pero si tarda 10 segundos o más en cargar su página en un teléfono inteligente o tableta, arremánguese y continúe leyendo.
# 2 Deja de tirar dinero detrás de la solución incorrecta
Déjenos decírselo, hay algunas malas noticias que necesita saber. Existen innumerables soluciones de optimización de sitios web en Internet. Sin embargo, esa es la mala noticia y solo es una buena preparación ser sensible a la información que consume sobre estos aspectos. Por ejemplo, si ha invertido en actualizar la memoria o el hardware de su servidor, pero está maltratado por una codificación incorrecta del lado del cliente, ha malgastado su dinero.
Sin embargo, también hay algunas buenas noticias. Los monitores de carga de páginas precisos y de bajo costo están disponibles en línea. Consulte con el proveedor de alojamiento de su servidor; podría ser el caso de que ya haya pagado por uno. Mida el cuello de botella de su sitio utilizando uno de estos monitores.
Tres dominios tratan específicamente con demoras en el tiempo de carga. Estos son la transmisión de red, la comunicación del servidor y la representación del navegador.
# 3 Administra tus imágenes
La transmisión de imágenes podría ser un problema importante en dispositivos móviles y teléfonos inteligentes. La capacidad de visualización de imágenes de un teléfono inteligente se trunca, en comparación con una computadora de escritorio. Tal vez su servidor entrega rápidamente y las páginas se cargan fácilmente. Pero las mediciones podrían revelar que las imágenes complejas o grandes pueden tardar varios segundos en cargarse. Esto puede ralentizar la transmisión de datos, así como pesar mucho en el motor de renderizado del navegador web.
Intente convertir imágenes .png y .jpg a archivos de gráficos vectoriales escalables. Esto reducirá drásticamente el tamaño y los hará más compatibles con dispositivos móviles. También puede convertir las imágenes a un formato de menor calidad, como un archivo comprimido .jpg.
# 4 Trabaja con un presupuesto
Tener un presupuesto indudablemente ayuda. Establezca y cumpla con un presupuesto de rendimiento fijo para establecer un objetivo para el tamaño y la velocidad del sitio web completo. Mientras trabaja hacia un objetivo específico de alto rendimiento, su equipo de desarrolladores debe elegir si implementar o no características costosas como carruseles. Los objetivos comerciales bien definidos y las demandas de los usuarios determinan los presupuestos de rendimiento basados en cifras. Por ejemplo, una renovación del sitio web podría enfocarse específicamente en la mejora del tiempo de carga y aumentar las conversiones móviles.
Los objetivos se pueden definir por tamaño de página. Puede establecer un límite de no más de 50 solicitudes HTTP o 400kb de acceso a datos para móviles. Google Analytics puede ayudar a informar los objetivos para apuntar durante una renovación.
# 5 tecnologías de carga
La velocidad de carga móvil es una consideración clave para la mayoría de los sitios web de hoy. Muchas técnicas evitan enviar todo el contenido de un sitio web a navegadores móviles. Solo se descargan los datos requeridos, a través de la optimización de cada punto de interrupción. Puede cargar bibliotecas de JavaScript en todos los puntos de interrupción para probar las capacidades del navegador móvil y, en consecuencia, evitar fallas cuando el sitio web finalmente esté activo. También puede optimizar los activos en cada punto de interrupción, por ejemplo, con un tamaño de carga de la página de inicio de 324kb en teléfonos inteligentes y 820 kb en computadoras de escritorio grandes.
Los teléfonos inteligentes y las pestañas son el futuro de la navegación web. Es mejor comenzar con un sitio web optimizado para móviles en primer lugar, en lugar de renovarlo más tarde. Le ahorrará mucho tiempo y dinero y, por supuesto, dolores de cabeza.
Háganos saber de cualquier otra forma de administrar la optimización del rendimiento móvil si desea profundizar en lo mismo.
Para obtener más información, no dude en enviarnos una línea en cualquier momento a [correo electrónico protegido] o enviarnos un Tweet: @QLTechAustralia. ¡También puede visitarnos QL Tech o seguir nuestro blog para obtener consejos técnicos, guías y tutoriales recientes!
