Primero, veamos la definición:
Google AMP (Accelerated Mobile Pages) es un tipo de página web diseñada para contenido estático lanzada por Google, que proporciona un renderizado fiable y rápido, y acelera los tiempos de carga de las páginas, especialmente al visualizar contenido en el lado web móvil.
Baidu MIP (Mobile Instant Pages) es un conjunto de estándares tecnológicos abiertos para páginas web móviles. La aceleración de páginas web móviles se logra proporcionando la especificación MIP-HTML, el entorno de ejecución MIP-JS y el sistema de caché de páginas MIP-Cache.
Parece que las definiciones de ambos son muy similares: una se llama acelerar páginas móviles, la otra aceleración web móvil, y el propósito es el mismo: optimizar páginas web móviles. ¿Pero qué demonios? No será un problema. Por supuesto que no es lo mismo, pero es simplemente la diferencia entre los fideos de chucrut Laosán y los fideos de ternera de Master Kong. Ambos son fideos instantáneos, los materiales principales son los mismos, la receta es un poco diferente, la forma de preparar es un poco distinta, y lo más importante es que el portavoz sea diferente.
La aceleración web móvil fue propuesta por primera vez por Google, formulando estándares de código abierto, especificaciones de página, optimizando la velocidad de renderizado para mejorar la experiencia del usuario, y Google aumentará el peso de las páginas que cumplen con los estándares AMP en los motores de búsqueda. Baidu se adhiere al principio de que Google me tiene, toma prestado completamente de AMP y también propone su propio estándar de código abierto de aceleración web, así nació MIP.
Baidu MIP es igual que Google AMP, incluso el diseño de la página, la disposición de menús y la descripción técnica del sitio web oficial son casi los mismos, ya sea el propósito (devolver páginas que se moven extremadamente rápido en los resultados de búsqueda), el principio (simplificar HTML, CSS, desactivar la mayoría de los JS, control de recursos, caché, etc.), o los pasos de lanzamiento (primero las noticias y luego las páginas generales), y el método de referencia mutua (añadir etiquetas) entre la página original y la página MIP. Incluso los logotipos que aparecen en los motores de búsqueda correspondientes son casi idénticos:
Aquí tengo que admirar la capacidad del pueblo chino para aprender de ello.
Principios de optimización en página
Tanto AMP como MIP son esencialmente aceleración de páginas optimizando el renderizado o cargando perezosamente para reducir bloqueos. Al igual que algunas especificaciones dentro de nuestro negocio, también podemos tener un conjunto de estándares para mejorar la calidad del código y el rendimiento de las páginas. Simplemente, estos dos pueden ofrecernos optimización SEO. A continuación, tomemos un MIP como ejemplo para entender el principio de su aceleración.
El MIP está organizado en tres partes principales:
MIP HTML
MIP JS
Caché MIP
MIP HTML formula una nueva especificación basada en las etiquetas básicas de HTML, permitiendo que HTML muestre contenido más rico restringiendo el uso de algunas etiquetas básicas o funciones de expansión. MIP JS puede garantizar un renderizado rápido de páginas HTML MIP; La caché MIP se utiliza para implementar la caché de las páginas MIP, lo que mejora aún más el rendimiento de las páginas.
A continuación se describe el principio de aceleración de las páginas MIP:
JavaScript bien diseñado
MIP no permite a los usuarios personalizar JavaScript y debe introducirse en forma de componentes MIP para garantizar la seguridad y el rendimiento
Todos los recursos estáticos deben ser dimensionados
MIP requiere que todos los activos (anuncios, imágenes, audio y vídeo) estén dimensionados. Cuando el recurso se carga realmente, todos los tamaños de recurso pueden inferirse inmediatamente y usarse rápidamente para calcular la disposición de la página, y el recurso de carga se presentará de forma fluida sin afectar la experiencia de lectura del usuario debido a las frecuentes actualizaciones de la maquetación de la página.
No se permite ningún mecanismo que impida la renderización de páginas
Cualquier script personalizado de los desarrolladores debe usar etiquetas MIP para alimentar MIP, como mip-ad, mip-iframe, etc., que no bloquearán el diseño ni el renderizado de la página.
Controlar la carga de recursos externos
El tiempo de ejecución MIP controla la carga de recursos externos para garantizar su eficiencia, de modo que lo que los usuarios quieren leer aparezca en pantalla lo más rápido posible.
Encapsulación de funciones interactivas
MIP defiende que las páginas web pueden ofrecer a los usuarios una experiencia directa y sencilla, pero esto no significa que MIP limite la viveza y la diversión de la página. El entorno de ejecución MIP proporciona JavaScript encapsulado altamente optimizado que elimina la necesidad de que los desarrolladores inviertan demasiado esfuerzo en implementar funciones interactivas complejas.
Se recomienda usar CSS de inline
La carga de CSS evitará el renderizado de páginas, y CSS en línea puede reducir la sobrecarga del cliente.
Solo se permiten animaciones aceleradas por GPU
MIP solo permite que las animaciones se realicen con transformaciones y opacidad, y solo activa la fusión de capas de renderizado cuando se pueden ejecutar animaciones en la GPU.
Caché MIP
Otra importancia importante del MIP es que puede ayudar a los webmasters a acelerar las páginas web, y Baidu almacenará en caché las páginas MIP en el CDN de Baidu. La caché MIP puede usarse siempre que cumpla con el estándar MIP.
Estos son solo los medios que solemos usar para optimizar proyectos web, pero ahora Baidu ha superado el estándar de código abierto y ha dotado de tecnología al SEO y especificaciones unificadas.
Busca en Google las opiniones de AMP y Baidu MIP
Las soluciones de optimización web móvil que ofrecen AMP y MIP pueden mejorar la experiencia del usuario hasta cierto punto. Al mismo tiempo, la combinación con el SEO también ha incrementado el interés de muchos desarrolladores por unirse. Sin embargo, debido al entorno relativamente cerrado, este conjunto de estándares no puede aplicarse a proyectos a gran escala, sino solo a visualizaciones de páginas relativamente simples, por supuesto, esto es coherente con su intención original.
AMP y MIP son dos conjuntos de estándares diferentes, y para apoyar la optimización de los motores de búsqueda de Google y Baidu, deben escribirse dos conjuntos de páginas, lo que aumentará el coste de desarrollo de los desarrolladores.
En el futuro, personalmente creo que los estándares de ambas compañías tenderán a unificarse, y se estima que Baidu apoya el estándar AMP; al fin y al cabo, Google lo es desde una perspectiva global, y Baidu solo tiene más usuarios en China.
Tutorial MIP:https://www.mipengine.org/doc/00-mip-101.html
Tutorial:https://www.ampproject.org/zh_cn/
|
Publicado en 7/7/2018 9:47:36
|
|
|
|
