Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

Bienvenido a la comunidad AMP!

Expert mode off

Expert mode

Use expert mode to hide web development guidance that's intended for beginners.

Why AMP?

De muchas formas, Internet es el eje central del mundo. Cada día, más personas de todo el mundo acceden a la información en línea. Pero muchas no usan Internet con conexiones super rápidas o en equipos de muy potentes. Cuando los sitios web son desarrollados sólo para equipos y conexiones rápidas, la experiencia de muchos usuarios se ve afectada.

Para brindar a los visitantes del sitio una mejor experiencia, la comunidad de desarrolladores ha encontrado formas de mejorar el rendimiento del sitio web. En el camino, los desarrolladores han mejorado la accesibilidad para los usuarios con tecnologías de asistencia, confiabilidad para conexiones endebles y diseño de sitios web para un amplio rango de dispositivos.

En ocasiones, puede resultar abrumador dar seguimiento a todos los nuevos avances en la tecnología web. Creemos que los desarrolladores quieren crear sitios rápidos, pero es muy fácil comenter errores en el camino.

Es ahí donde entra AMP. AMP se creó para ser hacerlo fácil para los desarrolladores y se concentren en crear mejores características sin ofrecer a los clientes una mala experiencia de usuario.

Cómo ayuda AMP

AMP es una librería de componentes web que aplica las mejores prácticas para la Web. AMP aborda los obstáculos de desarrollo comunes para permitir un diseño de sitios web de alto rendimiento, accesibles y receptivos.

En resúmen, AMP intenta facilitar la tarea de hacer lo correcto. Esto libera a los desarrolladores para que se centren en características que aporten valor a sus usuarios.

AMP trabaja para mejorar el rendimiento web por medio de:

  • Extendiendo HTML al agregar etiquetas para características comunes de los sitios web. HTML fué desarrollado para crear páginas con contenido básico, pero no ha evolucionado para mantenerse al día con los sitios web modernos. Algunas características relevantes del sitio web moderno incluyen menús de navegación deslizables, reproductores de video y carruseles de imágenes. Las etiquetas extras agregadas para estas características también son llamadas "componentes web".

  • Reduciendo la cantidad de JavaScript. AMP requiere JavaScript para correr, pero AMP impone restricciones sobre dónde y cómo se puede usar JavaScript en otras partes de sus páginas. Esta restricción puede mejorar drásticamente el rendimiento en dispositivos móviles. Los componentes de AMP proporcionan gran parte de la funcionalidad que los desarrolladores usan con JavaScript en primer lugar.

  • Detectando problemas de forma temprana y frecuentemente durante el curso del desarrollo del sitio web. Como hemos mencionado, hay mucho que seguir en el desarrollo web moderno. AMP ayuda a manejar esto al proporcionar un validador que busca problemas en su sitio que pudieran afectar el rendimiento o la accesibilidad. ¡Tambien te ayuda a aprender cómo solucionar los problemas que encuentra!

Los beneficios de AMP no terminan una vez que tu pagina es implementada. Empresas como Google y Microsoft han creado cachés que almacenan páginas AMP que no tienen errores de validación. Estos cachés pueden aplicar pontentes optimizaciones de rendimiento al contenido de tu sitio sin afectar la experiencia de los usuarios con ella. Las páginas AMP almacenadas en caché son integradas también con los motores de búsqueda, por lo que tu sitio puede aparecer en los resultados de búsqueda en cuestión de segundos - o incluso ménos!

Aprendiendo AMP para entender el desarrollo web

Aprender AMP es una gran forma de aprender el desarrollo web ya que los sitios AMP son:

  • creados usando estándar HTML, CSS y JavaScript.

  • compatibles con todos los exploradores modernos.

  • no dependientes en especial de herramientas o software para construir o publicar en línea.

Adquirirás habilidades mientras construyes páginas AMP que se puedan transferir a sitios web construidos en otros formatos o frameworks. Como muchos frameworks populares, AMP es un enfoque basado en componentes para diseñar y crear sitios web con las mejores prácticas reconocidas. Aprenderás a construir sitios web con dichas prácticas, inicia pensando en componentes, y evitando malos habitos que dañen la experiencia del usuario. Estas habilidades universales pueden ser aplicadas en toda la web.

AMP aborda el rendimiento, la accesibilidad y el diseño responsivo para que puedas concentrarte en la funcionalidad. Sin embargo, si deseas perfeccionar tus habilidades, aprendiendo AMP puedo ayudarte a descubrir cómo es que AMP trabaja. Podrás continuar aprendiendo y madurando como desarrollador, incluso mientras tus usuarios disfrutan las experiencias que AMP te ayudó a crear.