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.
Cómo crear una página web

Cómo crear una página web en sencillos pasos

La construcción de tu propio sitio web puede sonar como una tarea desalentadora, especialmente si no tienes ninguna experiencia previa de diseño web. Si bien es cierto que, si necesitas un sitio muy grande o complejo, sin duda querrás trabajar con un profesional de la web experimentado, pero la realidad es que para muchos sitios más pequeños y básicos, ¡puedes ser capaz de saber cómo crear una página web tu mismo!

Estos siete pasos te ayudarán a guiarte para cómo crear una página web.

PASO 1: Alojar tu sitio

El alojamiento web es como un alquiler para su sitio web, incluyendo las páginas, imágenes, documentos y otros recursos necesarios para mostrar ese sitio. Alojamiento web utiliza un servidor web, que es donde se ponen los recursos de sitio web para que otros puedan acceder a través de la web. Podrás construir un sitio web totalmente funcional en tu ordenador personal, pero si deseas que otras personas puedan verlo, tendrás que usar un host web.
Hay varios tipos de opciones de alojamiento web que puedes elegir, y mientras que muchos nuevos diseñadores web gravitarán a web hosting gratuito, puede haber inconvenientes significativos a los servicios sin costo, incluyendo:

  • Es posible que obtenga menos espacio en el servidor donde se almacenarán sus páginas. Dependiendo del tamaño de su sitio y los recursos que necesita (vídeo, audio, imágenes, etc), ese espacio de almacenamiento puede no ser suficiente.
  • Es posible que tenga que publicar anuncios en su sitio.
  • Puede haber límites de ancho de banda que podrían ser demasiado restrictivos si obtiene mucho tráfico. En algunos casos, si excede su límite mensual, puede incluso desactivar su sitio.
  • A veces hay limitaciones en los tipos de contenido que puede poner en un proveedor de alojamiento gratuito. Por ejemplo, algunos no permiten sitios web de comercio electrónico.
  • Algunos proveedores de alojamiento gratuito se unen a las tarifas de mantenimiento y renovación de sus cuentas “gratuitas”.

Asegúrate de leer toda la letra pequeña antes de poner su sitio web en cualquier host.

Proveedores de alojamiento gratuito puede llegar a ser lo suficientemente bueno para las páginas web de prueba o para muy básicos, sitios web personales, pero para los sitios más profesionales, debe esperar a pagar por lo menos una tarifa nominal para ese servicio.

PASO 2: Registrar un nombre de dominio

Un nombre de dominio es una URL amigable que las personas pueden escribir en su navegador para llegar a su sitio web. Algunos ejemplos de nombres de dominio incluyen:

  • Webdesign.about.com
  • Whitehouse.gov
  • Pumpkin-king.com

Un nombre de dominio proporciona una marca valiosa para su sitio y facilita que la gente recuerde cómo llegar a ella.

Los nombres de dominio suelen costar entre $ 8 y $ 35 al año y pueden registrarse en varios sitios en línea. En muchos casos, puede obtener el registro de nombres de dominio y los servicios de alojamiento web del mismo proveedor, lo que facilita su uso ya que estos servicios están ahora contenidos en una sola cuenta.

PASO 3: Planear tu sitio web

Al planificar su sitio web, tendrás que tomar una serie de decisiones importantes:

  • El tipo de sitio que necesitas. Se trata de una noticia o sitio informativo, un sitio para una empresa o servicio, un sitio sin fines de lucro o causado, una tienda de comercio electrónico, etc Cada uno de estos tipos de sitio tiene un enfoque ligeramente diferente que influirá en su diseño.
  • Diseño de navegación: la forma en que los usuarios se moverán alrededor de tu sitio afecta a su arquitectura de información, así como a la usabilidad general de ese sitio. Planea hacia fuera las páginas de un sitio, crea un sitemap, y desarrolla una estructura de navegación.
  • Contenido: Como dice el refrán, “el contenido es rey” en línea. La calidad del contenido de tu sitio jugará un papel importante en tu éxito. El contenido es todo lo que contienen sus páginas, como texto, imágenes, vídeo y más. Antes de comenzar a diseñar o crear páginas, debe tener una estrategia clara para el contenido que contengan esas páginas.

PASO 4: Diseño y construcción de tu sitio web

Esta es fácilmente la parte más compleja del proceso de creación de páginas web y hay una serie de temas a tener en cuenta en esta etapa, entre ellos:

  • Conceptos básicos de diseño: Los elementos de un diseño bueno y apropiado y cómo usarlos en sitios web.
  • Aprendizaje HTML: HyperText Markup Language o HTML son los bloques de construcción de una página web. Si bien hay muchas plataformas por ahí que codifican HTML de una página, lo hará mejor y tendrá mucha más flexibilidad y control si aprendes los conceptos básicos de HTML.
  • Aprendizaje de CSS: Las hojas de estilo en cascada dictan la apariencia de las páginas web. Aprender CSS le ayudará a cambiar la apariencia visual de un sitio para que coincida con las necesidades de diseño de un proyecto.
  • Editores de Páginas Web: Diferentes editores le permitirán realizar diferentes cosas. HTML y CSS se pueden escribir en editores de texto simples, como el Bloc de notas, o pueden utilizar software como Adobe Dreamweaver para obtener alguna ayuda con las páginas que está creando. También puede decidir utilizar un sistema de gestión de contenido para crear y alimentar su sitio web.

Paso 5: Publicar tu sitio web

Publicación de tu sitio web es una cuestión de obtener las páginas que creaste en el paso 4 hasta el proveedor de alojamiento que configuraste en el paso 1.

Puede hacerlo con las herramientas propietarias que vienen con su servicio de alojamiento o con un software FTP (File Transfer Protocol) estándar. Saber que puedes utilizar depende de tu proveedor de alojamiento, pero la mayoría de los proveedores deben tener soporte para FTP estándar.

Ponte en contacto con el proveedor de alojamiento si no está seguro de lo que hacen, y no lo hacen, el apoyo

Paso 6: Promover tu sitio web

Una de las maneras más deseables de promover su Web site es con la optimización del Search Engine o SEO. Esto se debe a que permite que su sitio sea encontrado por personas que buscan la información, servicios o productos que ofrece su sitio.

Querrás construir tu contenido web para que sea atractivo para los motores de búsqueda. Además, querrás asegurarte de que su sitio en su totalidad se ajuste a las mejores prácticas de los motores de búsqueda.

Otras maneras de promover su sitio incluyen: palabra de la boca, usando la comercialización del email, medios sociales, y formas más tradicionales de la publicidad.

Paso 7: Mantenimiento de tu sitio web

El mantenimiento puede ser la parte más tediosa del diseño del sitio web, pero para mantener su sitio funcionando bien y verse bien, necesita atención y mantenimiento regulares.

Es importante probar tu sitio mientras lo está construyendo, y luego de nuevo después de que ha estado vivo durante un tiempo. Los nuevos dispositivos se actualizan en el mercado todo el tiempo y los navegadores están siempre actualizando con nuevos estándares y características, por lo que las pruebas regulares asegurarán que su sitio continúe funcionando como se esperaba para esos diferentes dispositivos y navegadores.

Además de las pruebas regulares, debes producir nuevos contenidos sobre una base regular. No se limite a apuntar a “más” contenido, sino que se esfuerza por crear contenido único, oportuno y relevante para el público al que desea atraer.