Páginas móviles aceleradas: AMP para la optimización móvil de WordPress

La navegación de Internet y la navegación deben ser rápidas y fáciles. Los webmasters intentan constantemente hacer esto posible optimizando el rendimiento del sitio web y mejorando la velocidad del sitio, y una excelente manera de lograr esto es con WordPress. Los sitios web se han diseñado principalmente para la pantalla más grande. Pero las pantallas más pequeñas crecen en números e incluso superan las computadoras portátiles y computadoras personales. Los teléfonos móviles ahora representan el 65% del promedio digital. Los dispositivos manuales necesitan páginas para cargar tan rápido como en pantallas más grandes, si no es incluso más rápido.
Para cumplir con esta solicitud de carga rápida, las aplicaciones diseñadas para ciertas plataformas móviles están disponibles en Apple (noticias), Facebook (artículos instantáneos) y Snapchat (Discover). A principios de este año. Google ha introducido la página móvil acelerada (AMP) para acelerar su contenido móvil y proporcionar una mejor experiencia al usuario. ¿Qué es el amplificador?

Google anunció el proyecto AMP en octubre de 2015 y se lanzó en febrero de 2016. Es una iniciativa de código abierto que ofrece a los editores los medios para crear contenido optimizado una vez y cargarlo en toda la red móvil instantánea.
El 24 de febrero de 2016, Google comenzó a implementar contenido compatible en un carrusel en la página con resultados de búsqueda móvil. Los usuarios pueden deslizar el carrusel y alcanzar el elemento que desean leer. Pinterest informó que las páginas son 4 veces más rápidas, utilizando 8 veces menos datos que las páginas optimizadas normales para dispositivos móviles. Esto es posible debido a la forma en que se forman y entregan las páginas. En agosto de 2016, Google Search tiene más de 150 millones de documentos de AMP en el índice y aumenta a una tasa de 4 millones por semana. A principios de agosto, Google también comenzó una vista previa de búsqueda de Google. Se espera que lo ponga más ampliamente a fines de este año. Amplia en la vista previa de la búsqueda

Puede ver aquí las páginas con carga rápida en la búsqueda activada. Verifique que use el enlace en su teléfono móvil (no funcionará en escritorios). ¿Qué sitios web deberían usar el amplificador? En febrero, el proyecto se inició para los editores. Pero la adopción de AMP se ha extendido mucho más allá de la industria publicitaria, los viajeros, el comercio electrónico y más. Se reciben informes favorables de los primeros usuarios. Con una mejora del 88% en el tiempo de carga para los documentos de AMP, el Washington Post informa un aumento en el número de usuarios de los teléfonos móviles del 23%. EBay es una de las principales compañías comerciales electrónicas que se mudan al amplificador con casi 15 millones de páginas para navegar productos basados ​​en AMP. En poco tiempo, se espera que estas páginas se amplifiquen para descubrir en una búsqueda.
Entonces, ¿qué sitios web deberían usar el amplificador? Ciertamente, aquellos que se basan mucho en el móvil para el tráfico. Pero teniendo en cuenta que cada vez más usuarios eligen usar sus dispositivos móviles para navegar por Internet de WordPress (o cualquier sitio web) podría ser una buena ventaja. ¿Qué es diferente en el amplificador? Este sistema de entrega de contenido se basa en el amplificador HTML y es más rápido que el HTML habitual, porque es una versión simple del marco HTML normal, menos todo el contenido de JavaScript. Para JavaScript, el marco se basa en la biblioteca JS Commune.
El contenido se almacena en caché y se almacena en una nube común, de modo que se elimine el tiempo requerido para la consulta y se hace cargo del servidor.
Hay muchas más diferencias, pero las mencionadas aquí deberían darle una comprensión rápida y amplia.
Por qué los editores y los blogs deberían funcionar siempre que leer páginas de carga lenta siga siendo una experiencia desalentadora para los usuarios, los editores pierden ingresos en dispositivos móviles. AMP ayudará a atraer y retener a un visitante por períodos más largos en el sitio y tiene el potencial de generar clics que generen ingresos. Las páginas de AMP aparecen junto con un rayo para marcarlas desde las páginas web normales. Los espectadores que hacen clic en esta opción se dirigirán directamente a las páginas de AMP en el visor AMP. El contenido no solo estará disponible instantáneamente en una búsqueda en Google y se puede acceder a través de plataformas sociales como Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel y Pinterest.
Además, los editores tendrán acceso a Google Analytics para observar el rendimiento de sus páginas. Pueden seleccionar su mejor contenido y usarlo para optimizar el rendimiento del sitio web y la experiencia del usuario. AMP ofrece otra ventaja al cuidar el alto rendimiento y la experiencia del usuario, por lo que los editores pueden centrarse en proporcionar contenido excelente. Qué optimizaciones se necesitan para AMP representa, de hecho, muchas optimizaciones de sitios web, hechas de manera uniforme, como lo requiere Google. Las diversas optimizaciones que necesita hacer para hacer una página web compatible son solo JavaScript Asynchronous para evitar la demora en la reproducción de la página. Esto significa que no puede usar ningún JavaScript que cree y debe confiar en los elementos ACE para administrar el contenido interactivo de sus páginas JS en iframe está permitido, pero solo si no evita la reproducción.
Aumenta todos los recursos estáticos: AMP carga la página sin esperar recursos como imágenes e iframe para descargar. El tamaño de estos recursos debe mencionarse en HTTP, por lo que el tamaño y la posición de estos recursos se conocen antes de que comience la descarga.
No permita que los mecanismos de extensión bloqueen la representación: si se debe incluir alguna extensión en la página, el script personalizado debe informar al sistema al respecto. Entonces, se crea un espacio para la extensión, justo antes de que el amplificador sepa lo que incluirá. Las extensiones para cajas de caja de luz, la incorporación de Instagram y los tweets son buenas, porque no bloquean las páginas, incluso si requiere solicitudes HTTP adicionales.
Mantenga todo JavaScript de terceros de la ruta crítica: JavaScript personalizado solo está permitido en Sandbox iFrames. De esta manera, no bloquea la carga de la página principal. Todos los CS deben estar en línea y dependiendo del tamaño; esto ayuda a reducir el número de solicitudes HTTP en la ruta crítica.
El brote de fuentes debe ser efectivo: el sistema AMP no permite las solicitudes HTTP hasta que las fuentes comiencen a descargar.
Minimice los recalculaciones de tamaño: la reproducción retrasa el recalculación, por lo que debe mantenerse.
ROLLO solo animaciones activadas GPU: todas las animaciones deben poder ejecutarse en GPU (unidad de procesamiento gráfico).
Priorice la carga de recursos: solo el contenido necesario se carga primero, con anuncios e imágenes tomadas lo antes posible, pero se carga solo cuando sea necesario. De esta manera, la solicitud en la CPU se mantiene como mínimo.
Cargue las páginas en un momento-retorno Consumir mucho ancho de banda y procesador. El pre-reembolso solo carga el contenido requerido primero y descargue el tercer tercer tercio de Iframs y otros recursos solo si es necesario.
Habrá una gama estándar de anuncios, redes publicitarias y tecnologías. Al mismo tiempo, los editores pueden elegir sus propios formatos, siempre que no sea una velocidad de disparo.
Cómo agregar el amplificador para Google WordPress tiene un tutorial al que puede consultar la creación de páginas HTML básicas, organizarlas, validarlas como compatibles, publicación y distribución. La validación de las páginas de AMP es importante, porque por lo tanto, terceros como Twitter e Instagram están seguros de que las páginas se mostrarán bien en sus plataformas. En cuanto a los sitios web alojados en WordPress.com, se aceptan automáticamente para WordPress, sin tener que hacer nada más. Los sitios de WordPress de autogacio pueden activar AMP para WordPress instalando un complemento. Pligin WordPress desde automático
Después de descargar, instalar y activar el complemento AMP en el sitio web de WordPress, sus publicaciones tendrán automáticamente una versión de AMP dinámica. Puede acceder a estas páginas agregando el amplificador al final de la URL (ejemplo.com/post/ amp). Si no tiene un enlace permanente bastante activado, ¿agregar? Amp = 1 en enlaces (que se verían como ejemplo.com/?p=100&amp=1). El único otro paso es probar y validar sus páginas, como se mencionó anteriormente. No lo notará en todas las configuraciones o funciones para este complemento. Hay una opción de panel abordado agregado para AMP Analytics, donde puede insertar en su propio código de configuración JSON, pero eso es todo.
Este complemento es el complemento oficial en el complejo automático y actualmente no acepta páginas y archivos y no puede personalizar las páginas. Pero es una opción muy simple y fácil de usar y puede encontrar alguna orientación a través de la documentación de GitHub para la personalización. AMP para WP – páginas móviles aceleradas
Otra excelente opción gratuita es AMP para WP. Este complemento gratuito de WordPress ofrece una configuración rápida y fácil: simplemente instale, active la configuración y comience a generar AMP para su sitio web. Bonificación: este complemento también es compatible con varios sitios. Hay configuraciones construidas para la activación de AMP (publicaciones, páginas, archivos), agregando áreas de publicidad móvil, datos estructurados (parte importante de SEO), integración de etiquetas de SEO, opciones de índice avanzado / índice, notificaciones push, comentarios de AMP nativos, personalizados Amplias traducciones (si usa un idioma que no sea inglés, querrá actualizar esto) y muchas más. La configuración es muy completa para un complemento gratuito, lo cual es excelente. Lo mejor de todo es que este complemento ofrece opciones de diseño, por lo que puede personalizar la apariencia de la salida de AMP. Use los temas implícitos de AMP o use el marco del tema AMP para crear su propio diseño único. AMP para WP también proporciona extensiones premium para agregar funciones (como un impulso o caché) soporte) y soporte para complementos populares, incluidos WoCommerce, campos personalizados avanzados y Formulario de contacto 7. Varias formas de agregar AMP para WordPress, por supuesto, esto no es La única forma de agregar AMP a su sitio de WordPress. Otros complementos que pueden ayudarlo con AMP para sitios web de WordPress incluyen: WP AMP – para crear un diseño de AMP personalizado y aumentar el SEO.

Páginas móviles Acceleted (AMP) para WordPress: para crear un tema de AMP para su sitio web.
AMP personalizado: para ayudarlo a personalizar su contenido.

Artículos instantáneos de Facebook y páginas de Google, para publicar y administrar su contenido directamente desde WordPress hasta las páginas de Google con soporte y análisis. Letra de Yoast SEO y AMP, para garantizar que el complemento AMP de WordPress predeterminado use metadatos apropiados. Yoast SEO y permite el diseño de la página de AMP.