Google está a punto de hacer que la navegación móvil sea hasta un 85% más rápida

A veces, navegar por la Web en un teléfono inteligente puede ser más lento que un caracol sobre una tortuga particularmente perezosa. No hace mucho, el 24 de febrero, Google dio su primer paso hacia la aceleración de la experiencia de navegación web en dispositivos móviles, y esta nueva iniciativa se llama Páginas Móviles Aceleradas (AMP).

Pero ¿qué significa eso? ¿Como funciona? ¿Realmente resultará en un 85% más rápido de navegación web para ti? ¿O es nada más que tonterías de marketing exageradas y exageradas? Lo desglosaremos por usted e incluso le mostraremos cómo puede probarlo usted mismo.

En pocas palabras, ¿qué es AMP?

AMP, que se anunció por primera vez en octubre de 2015, es un marco HTML de código abierto desarrollado por Google, junto con otras compañías, destinado a ayudar a los desarrolladores a crear páginas ligeras que se ejecutan rápidamente en dispositivos móviles. Es HTML ordinario pero con algunas restricciones y algunas características adicionales.

Según las pruebas de Google, las páginas AMP pueden cargar hasta un 85 por ciento más rápido que las páginas que no son AMP en una conexión móvil 3G EDGE, 3G, H +, etc.: ¿Cuáles son todas estas redes móviles? EDGE, 3G, H +, Etc: ¿Cuáles son todas estas redes móviles? ¿Estás en la red móvil más rápida? Si no, ¿de dónde caes en el espectro? Estos símbolos de redes móviles pueden ser confusos, pero no se preocupe porque lo aclararemos por usted. Lee mas . Aquí está la divertida e informativa introducción de Google a todo el concepto:

¿Qué es bueno AMP para usted?

Como muestra el video de Google, un sitio web lento frustra a los lectores y editores por igual. Cuando abres un sitio y no se carga, cuanto más tiempo tengas que esperar, más molesto te volverás. Si esperas demasiado tiempo, es probable que te des por vencido y sigas adelante..

En el peor de los casos, desperdicias una parte de tu día esperando contenido que ni siquiera pudiste disfrutar. Mientras tanto, los editores no entendieron su contenido o los anuncios que lo acompañan y que ayudan a pagar el contenido gratuito que intentaron servirle. Es una situación de no ganar para todos los involucrados..

Los editores están desesperados por mantener los anuncios #mobile sin enojar a los usuarios que han modificado #HTML. He aquí #AMPHTML: https://t.co/VbtMUJGO9G? #JavaScript!

- ? Patrick T. Lafferty? (@proflafferty) 7 de octubre de 2015

Si tuvieras que bloquear los anuncios Se trata de la ética en los juegos de robo Periodismo: por qué AdBlock necesita morir Se trata de la ética en los juegos de robo Periodismo: por qué AdBlock debe morir Un simple complemento gratuito del navegador mató a Joystiq y está arruinando Internet. Leer más para acelerar la carga del sitio web, entonces usted podría obtener el contenido, pero el editor no recibirá pago por ello. A su vez, los editores tienen menos dinero para crear contenido, por lo que incluso si te gusta lo que escriben y producen, no podrán permitirse hacer más. También una situación de no ganar.

El objetivo de Google con AMP es convertir esas situaciones de no ganar en situaciones de ganar-ganar. Idealmente, los anuncios y las funciones interactivas llamativas no ralentizarán su experiencia de navegación web, lo que los hará más agradables. Y si cuantos más anuncios vea, más publicadores podrán permitirse seguir creando contenido gratuito para que lo disfrute..

¿Cómo funciona AMP??

Una forma en que AMP acelerará la navegación móvil es en cómo Google guarda las páginas. AMP no solo da como resultado páginas web más rápidas, sino que los editores también pueden optar por hacer que Google almacene su contenido en los servidores de Google. Esto es diferente de la Búsqueda normal de Google, donde hace clic en un enlace para ir directamente a otro sitio web.

Si abre un enlace AMP desde la Búsqueda de Google en un dispositivo móvil, no será dirigido al sitio web del editor. Te quedarás en Google. Esto es más rápido para usted porque Google es muy bueno para alojar y servir contenido, mientras que la mayoría de los sitios web están alojados en servidores lentos. Además, los sitios web pueden ir por todo tipo de razones, mientras que Google rara vez lo hace..

En resumen, Google es un host confiable que tiene una red distribuida de más de 1.8 millones de servidores, distribuidos en al menos 12 centros de datos en América del Norte, Europa y Asia. Para cualquier artículo en el que haga clic, es probable que Google pueda entregarle una copia en caché más rápido que el editor..

Otra forma en que podemos esperar que las páginas en dispositivos móviles sean más rápidas es gracias a las restricciones que AMP coloca en HTML. Para las páginas móviles aceleradas, el HTML está optimizado para restringir a los desarrolladores de sitios web el uso de funciones que disminuyen la velocidad de los sitios web. Entonces, ¿qué no pueden usar los desarrolladores de AMP??

AMP HTML no permite formularios, y no permite JavaScript, excepto por una biblioteca especial de JavaScript proporcionada por Google que funciona con AMP. También prohíbe ciertos estilos CSS 5 Baby Steps to Learning CSS y Conviértase en un Kick-Ass CSS Sorcerer 5 Baby Steps to Learning CSS y Convertirse en un Kick-Ass CSS Sorcerer CSS es el cambio más importante que las páginas web han visto en la última década, y allanó el camino para la separación de estilo y contenido. En la forma moderna, XHTML define la estructura semántica ... Leer más en relación con las animaciones, que pueden ralentizar considerablemente el rendimiento en dispositivos móviles.

Aparte de eso, los sitios web aún pueden tener un estilo completo con todos los demás estilos CSS, lo que permite que los sitios muestren medios enriquecidos, como fotos y videos, como siempre lo han hecho hasta este punto.

Algunos elementos HTML se cambian, sin embargo, como la etiqueta de imagen HTML que se cambia de a . Esto es importante porque las imágenes de AMP se cargan después de todo lo demás, lo que significa que los espectadores no tienen que esperar para cargar las imágenes antes de que puedan comenzar a leer el contenido principal..

¿AMP es digno de elogio??

A algunas personas les preocupa que AMP termine siendo una gran cantidad de trabajo que resulte en poca o ninguna ganancia. Otros culpan a los propietarios de sitios web por sitios web lentos y largos tiempos de carga en lugar del propio HTML.

Claro que es admirable hacer las páginas más rápido, pero el HTML no es intrínsecamente lento: las personas que abusan de ellas lo son. AMP parece una pérdida de tiempo.

- Phillip Caudell? (@phillipcaudell) 16 de febrero de 2016

Tal vez esas críticas sean legítimas, pero probé la siguiente demostración de AMP y descubrí que se carga a la velocidad del rayo, por lo que me inclino a pensar que al menos valdrá la pena para algunos editores. Pero no confíes en mi palabra. Puedes probar la demo por ti mismo! Todo lo que necesitas es un dispositivo móvil..

Instrucciones de demostración de AMP

Ir http://g.co/ampdemo en un dispositivo móvil y busque lo que quiera (pero para sentir realmente los efectos, intente buscar medios populares o algo en las noticias). Yo personalmente lo probé con una búsqueda de “Game of Thrones”.

Desplácese hasta encontrar un enlace (probablemente en un módulo de carrusel sobre los enlaces azules ordinarios) etiquetado con “AMPERIO” y un icono de rayo. Haz click en eso. Luego, también podrás deslizar hacia la izquierda para acceder instantáneamente a más artículos de AMP de los resultados de búsqueda que Google guardó en caché.

Lo que se ve en el GIF anterior son artículos HTML de AMP, que son básicos y no demasiado llamativos. Además, eche un vistazo a la URL: es www.google.ca para cada artículo. Desde que seleccioné un enlace AMP HTML de la búsqueda de Google, estas son copias en caché alojadas en los servidores de Google.

¿AMP tiene algún defecto??

Uno de los principales inconvenientes de AMP es que limita el uso de JavaScript. Los sitios web necesitan JavaScript para todo tipo de cosas, como el seguimiento de los lectores 4 Actividades en línea aparentemente inocentes que rastrean su comportamiento 4 Actividades en línea aparentemente inocentes que rastrean su comportamiento Lea más y ofrezca experiencias interactivas, que no podrán hacer tan fácilmente dentro de el marco HTML de AMP.

Si eres un usuario preocupado por la privacidad y prefieres que los sitios web no rastreen tu comportamiento ¿Sientes como si alguien te estuviera mirando? 5 herramientas para detectar y bloquear el seguimiento ¿Siente que alguien te está mirando? 5 Herramientas para detectar y bloquear el seguimiento Las personas realizan un seguimiento de los sitios web que visita, ya sea que abra su correo electrónico y más, pero puede detenerlos. Así es cómo. Lea más mientras navega, incluso podría ver la limitación de JavaScript de AMP como una característica bienvenida.

Pero si usted es un desarrollador o diseñador web y valora la información que obtiene de los análisis analíticos, AMP HTML hará que su trabajo sea más difícil..

También tomará tiempo para que los equipos que trabajan en AMP integren funciones como carruseles de imágenes, mapas, complementos sociales, visualizaciones de datos y videos. Puede pasar un tiempo antes de que los sitios que hacen un uso intensivo de estas funciones puedan aprovechar AMP, lo que disminuirá las tasas de adopción de AMP..

¿Por qué AMP realmente importa?

¡AMP HTML está a punto de hacer que la web sea más rápida en tu teléfono! Esto es bueno porque todos sabemos que la lentitud de Internet puede ser un poco más frustrante que no tener Internet en absoluto..

La aceleración de los sitios móviles también elimina una razón frecuentemente citada para que los usuarios bloqueen los anuncios, lo que es bueno para los creadores de contenido. Las clasificaciones de búsqueda de Google también tienen en cuenta las velocidades de carga de las páginas, por lo que los sitios web que usan AMP podrían ver un aumento en sus clasificaciones en los motores de búsqueda.

Si estás aprendiendo HTML y CSS Aprende HTML y CSS con estos tutoriales paso a paso Aprende HTML y CSS con estos tutoriales paso a paso ¿Tienes curiosidad sobre HTML, CSS y JavaScript? Si crees que tienes una habilidad para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. Lea más para el desarrollo web ya, puede aprender AMP en el sitio web del Proyecto AMP. Si desea acelerar su sitio web pero no está listo para convertirse a AMP, o simplemente quiere que sea más rápido en general, consulte estas herramientas en línea para hacer que su sitio sea más rápido 10 Herramientas en línea gratuitas para probar su sitio web Cargar velocidades y crear Páginas web más rápidas 10 herramientas en línea gratuitas para probar las velocidades de carga de su sitio web y crear páginas web más rápidas La creación de páginas web más rápidas es uno de los mandamientos del gran diseño web. El primer paso que puede tomar para optimizar su sitio web es someterlo a una prueba de velocidad. Estas diez herramientas son pocas… Leer más .

Más de 30 editores, incluidos sitios como Facebook, New York Times, Buzzfeed, BBC y Huffington Post, ya han integrado AMP HTML y se espera que más en los próximos meses. ¿Has notado alguna diferencia? Considere cambiar al navegador móvil más rápido ¿Qué es el navegador Android más rápido? ¿Cuál es el navegador de Android más rápido? Los navegadores en Android pueden tener diferentes motores de renderización, por lo que algunos navegadores pueden ser más rápidos que otros. Leer más para velocidades aún más rápidas.

¿Has notado que los sitios web de dispositivos móviles se están cargando más rápido de lo habitual últimamente? ¿Hay algún editor que encuentre notoriamente lento que pueda usar un cambio??

Obtenga más información sobre: ​​ancho de banda, uso de datos, banda ancha móvil, navegación móvil, desarrollo web.