7 maneras para mejorar la velocidad de tu página móvil

Usted, propietario de una página web posee una misión crítica en medio de esta loca carrera de los consumidores enloquecidos: bajar la velocidad de la página móvil y convertir ese tesoro de los compradores en línea en sus compradores felices.
Google, Radware y expertos en optimización de móviles han identificado tres segundos como el número mágico para un tiempo de carga móvil. Más de tres segundos y desastres huelgas y todo tipo de cosas malas comienzan a suceder: los clientes que huyen a sitios web de la competencia, las conversiones más bajas, y el nombre de marca comienza a deteriorarse. Menos de tres segundos, ya está bueno como el oro y sus clientes también!

Sin perder ni siquiera una milésima de segundo más de su tiempo, permítanme esbozar los 7 pasos clave ideados por el equipo de optimización para acelerar drásticamente la velocidad de la página móvil.

1. Medir y minimizar el tiempo de respuesta del servidor

Velocidad de la página móvil está determinado por su codificación web, pero también depende de una herramienta de tecnología grande, grasa conocida como su servidor. Obviamente, el más largo de su servidor espera a responder a una solicitud de un navegador, más lento será su tiempo de carga de la página. Los expertos de Google y GTMetrix recomiendan su servidor comienza a transmitir el primer byte de los recursos dentro de los 200 milisegundos de una solicitud .
También llamado “tiempo de espera” o “tiempo hasta el primer byte”, el tiempo que transcurre antes de una respuesta desde el servidor es el primer elemento en un gráfico de cascada.
Hay tres métodos principales para la elevación de su tiempo de respuesta del servidor:

  • Mejorar su software de servidor web o configuración
  • Mejorar la calidad y el alcance de su servicio de alojamiento web, y en particular, garantizar los adecuados recursos de CPU y memoria
  • Reducir los recursos requeridos por sus páginas web

2. Evitar o minimizar las redirecciones para acelerar la velocidad de la página móvil

Redirecciones son instrucciones que toman automáticamente a los visitantes del sitio web de una página a otra ubicación. Cada redireccionamiento consume valiosos milisegundos, la creación de una página de carga lenta. Esto es especialmente problemático en los dispositivos móviles, ya que a menudo dependen de las redes menos fiables que los usuarios de escritorio.
301s – el tipo más común de la página vuelve a dirigir – visitantes del sitio web de guía de las páginas web a las páginas anticuadas de nuevo diseño con diferentes direcciones URL. Aunque a menudo es necesario , 301s pueden devorar una parte importante del tiempo de carga móvil. De hecho, es probable redirecciones “la mayor fuente de tiempo perdido en el código y pueden afectar dramáticamente su velocidad de la página,” informa Varvy.
El primer paso es simplemente para inventariar el número de redirecciones en su sitio mediante la implementación de herramientas tales como Patrick Sexton asignador de redirección.

3. Medir rigurosamente los tiempos de ida y vuelta

Wikipeida define “tiempo de ida y vuelta” (RTT) como el tiempo necesario para que una petición de datos a ser transmitidos desde un ordenador de escritorio o dispositivo móvil a un punto de destino, tales como un ordenador remoto, y la vuelta completa de los datos.
RTT se puede medir haciendo ping una dirección. El intervalo exacto de un RTT depende de numerosos factores como la fuente de conexión, medio de conexión, la distancia física entre la fuente real y el sistema remoto, el número de nodos entre ellos, la cantidad de tráfico, número de otras solicitudes manejadas por el servidor y así sucesivamente.
Cada RTT añade un quantum de tiempo a su tiempo total de carga móvil. Por lo tanto es una buena práctica para disminuir la cantidad de Circuitos secuenciales asegurándose de que los recursos son transmitidos en paralelo y eliminando el exceso de peso. Además de evitar las redirecciones antes mencionadas, GlobalDots sugiere la combinación de secuencias de comandos para evitar repetir mucho tiempo RTT, en particular, mediante la unión en el menor número posible de archivos:

  • JavaScript externo
  • CSS externo
  • Imágenes utilizando sprites CSS

4. Cargar por encima de la doblez contenido antes de contenido por debajo de la doblez

La idea aquí es simple: su sitio web debe cargar el contenido de un usuario móvil ve primero antes de que el contenido que podrían ver más tarde. En particular, el código de sus páginas web para que su servidor envíe primero los datos necesarios para mostrar el contenido por encima de la tapa. Incluso si una página está incompleta, el usuario experimentará el contenido tan preparado antes. En sus pruebas de velocidad página móviles, Google, de hecho, llama a páginas que no se cargaron encima de la tapa en primer lugar, que recomienda que “priorizar contenido visible.”

5. Poner JS en la parte inferior y CSS en la parte superior de los archivos HTML

JavaScript aporta interactividad a las páginas en línea (tales como botones y sus respuestas o datos que se introducen en las formas, estilo dinámico, y la animación). Sin embargo guiones JS prevenir descargas paralelas. Cuando el código JS está cargando, el navegador no comenzará otras descargas. Para acelerar la carga de la página, mover los scripts JS a la parte inferior de la página si es posible. Que le permitirá mostrar el contenido HTML antes de que el JavaScript se cargue, lo que le permite mostrar una página spinner-is-carga u otro mensaje al visitante móvil.
CSS o Cascading Style Sheets, detalle cómo los elementos HTML se van a mostrar en su página web. Al colocar las hojas de estilo en el comienzo del documento de programación, sus páginas parecen ser una carga más rápida. Al colocar su CSS en la delantera, el navegador puede mostrar cualquier contenido que tiene la mayor brevedad posible.

6. Optimizar y archivos JS CSS y Minify

Más datos y el exceso de peso de la página significa que sus páginas simplemente tardan más en cargarse, en promedio. Por eso desarrollador web cada vez que se precie sabe que necesitan para optimizar y reducir al mínimo los activos. La parte superior de esa lista está optimizando y reduciendo al mínimo los archivos CSS y JS.
“Minificación” elimina los datos redundantes o simplemente irrelevantes sin afectar a cómo aparece una página. Una variedad de herramientas, como Google señala, puede ayudar a filtrar su código y eliminar tales redundancias.
Los más destacados son:

  • Por CSS: CSSNano y también CSSO
  • Para JS: UglifyJS además de compresor YUI

7. Uso de compresión gzip para reducir el tamaño del archivo

En contraste con minifying, la compresión de datos requiere una etapa de des-compresión antes de que pueda ser representada. Sí, el código se ha reducido de su tamaño original y por lo tanto transmite más rápido al navegador, pero la etapa de descompresión adicional se suma al tiempo de carga móvil.
Al escribir estas líneas, gzip es el método de compresión de elección entre los desarrolladores web. Gzipping reducirá el peso de la página y aumentará la velocidad de la página móvil. Gzipping normalmente barras peso de la página en un 70% y actualmente es apoyado por la gran mayoría de los navegadores.
La reducción de su tiempo de carga móvil por debajo del umbral de tres segundos es de misión crítica. Adoptar estos siete pasos y otras técnicas recomendadas para lograr este objetivo fundamental, mientras que la elevación de las métricas que impulsarán su negocio al éxito.

  1. Si tu móvil va muy lento y no es problema de la página, puedes ampliar tus conexión de datos y mejorar tu cobertura móvil al mejor precio con Yoigo.
  2. Si el problema es el móvil y no de tu compañía, accede a los mejores descuentos para móviles en MasCupon. Concretamente, una de mis páginas favoritas para encontrar las ofertas más atractivas y que más se adapten a mis necesidades es Amazon.

Published by