Commençons par examiner la définition :
Google AMP (Accelerated Mobile Pages) est un type de page web conçue pour le contenu statique lancée par Google, offrant un rendu fiable et rapide, et accélérant les temps de chargement des pages, notamment lors de la visualisation de contenu sur le web mobile.
Baidu MIP (Mobile Instant Pages) est un ensemble de normes technologiques ouvertes pour les pages web mobiles. L’accélération des pages web mobiles est réalisée en fournissant la spécification MIP-HTML, l’environnement d’exécution MIP-JS et le système de mise en cache des pages MIP-Cache.
Il semble que les définitions des deux soient très similaires : l’une s’appelle accélération des pages mobiles, l’autre accélération du web mobile, et le but est le même : optimiser les pages web mobiles. C’est quoi ce bordel, ça ne sera pas un problème. Bien sûr, ce n’est pas la même chose, mais c’est juste la différence entre les nouilles à la choucroute laotan et les nouilles au bœuf de Master Kong. Les deux sont des nouilles instantanées, les matières premières principales sont les mêmes, la recette est un peu différente, la façon de préparer est un peu différente, et le plus important est que le porte-parole soit différent.
L’accélération du web mobile a d’abord été proposée par Google, en formulant des standards open source, en formulant des spécifications de page, en optimisant la vitesse de rendu pour améliorer l’expérience utilisateur, et Google augmentera le poids des pages répondant aux normes AMP dans les moteurs de recherche. Baidu adhère au principe que Google m’a eu, emprunte entièrement à AMP, et propose aussi sa propre norme open source d’accélération web, c’est ainsi que MIP est né.
Baidu MIP est identique à Google AMP, même la mise en page, l’agencement des menus et la description technique du site officiel sont presque identiques, que ce soit le but (renvoyer des pages extrêmement rapides dans les résultats de recherche), le principe (simplification du HTML, du CSS, désactivation de la plupart des JS, le contrôle des ressources, la mise en cache, etc.), ou les étapes de lancement (d’abord les actualités, puis les pages générales), et la méthode de référencement mutuel (ajout de balises) entre la page d’origine et la page MIP. Même les logos affichés sur les moteurs de recherche correspondants sont presque identiques :
Ici, je dois admirer la capacité du peuple chinois à en tirer des leçons.
Principes d’optimisation sur page
AMP et MIP sont essentiellement des accélérations de page en optimisant le rendu des pages ou en chargeant paresseusement pour réduire les blocages. Comme certaines spécifications de notre entreprise, nous pouvons aussi avoir un ensemble de normes pour améliorer la qualité de notre code et les performances de notre page. C’est juste que ces deux éléments peuvent nous apporter de l’optimisation SEO. Ci-dessous, prenons un MIP comme exemple pour comprendre le principe de son accélération.
Le MIP est organisé en trois parties principales :
MIP HTML
MIP JS
MIP Cache
MIP HTML formule une nouvelle spécification basée sur les balises de base du HTML, permettant à HTML d’afficher un contenu plus riche en restreignant l’utilisation de certaines balises de base ou en élargissant des fonctions. MIP JS peut garantir un rendu rapide des pages HTML MIP ; Le cache MIP est utilisé pour mettre en œuvre la mise en cache des pages MIP, ce qui améliore encore les performances des pages.
Ce qui suit décrit le principe d’accélération des pages MIP :
JavaScript bien conçu
MIP n’autorise pas les utilisateurs à personnaliser JavaScript et doit être introduit sous forme de composants MIP pour garantir la sécurité et les performances
Toutes les ressources statiques doivent être dimensionnées
MIP exige que tous les assets (publicités, images, audio et vidéo) soient dimensionnés. Lorsque la ressource est effectivement chargée, toutes les tailles de ressources peuvent être immédiatement déduites et rapidement utilisées pour calculer la mise en page de la page, et la ressource de chargement sera présentée de manière fluide sans affecter l’expérience de lecture de l’utilisateur en raison des mises à jour fréquentes de la mise à jour.
Aucun mécanisme n’est autorisé pour empêcher le rendu des pages
Tout script personnalisé des développeurs doit utiliser des balises MIP pour alimenter le MIP, telles que mip-ad, mip-iframe, etc., ce qui ne bloque pas la mise en page et le rendu de la page.
Contrôler la charge externe des ressources
Le temps d’exécution MIP contrôle le chargement des ressources externes afin d’en garantir l’efficacité, afin que ce que les utilisateurs souhaitent lire apparaisse à l’écran le plus rapidement possible.
Encapsulation des fonctions interactives
MIP soutient que les pages web peuvent offrir aux utilisateurs une expérience directe et simple, mais cela ne signifie pas que MIP limite la vivacité et le plaisir de la page. Le runtime MIP offre un JavaScript encapsulé hautement optimisé qui élimine la nécessité pour les développeurs d’investir trop d’efforts dans la mise en œuvre de fonctions interactives complexes.
Il est recommandé d’utiliser le CSS d’inline
Le chargement CSS empêche le rendu des pages, et le CSS en ligne peut réduire la surcharge du client.
Seules les animations accélérées par GPU sont autorisées
MIP ne permet de faire des animations qu’avec des transformations et de l’opacité, et ne déclenche la fusion des calques de rendu que lorsque les animations peuvent être exécutées sur le GPU.
Cache MIP
Une autre importance importante du MIP est qu’il peut aider les webmasters à accélérer les pages web, et Baidu mettra en cache les pages MIP sur le CDN Baidu. La mise en cache MIP peut être utilisée tant qu’elle respecte la norme MIP.
Ce ne sont que les moyens que nous utilisons souvent pour optimiser des projets web, mais désormais Baidu a dépassé la norme open source et offert une douceur SEO et des spécifications unifiées.
Cherchez sur Google les avis d’AMP et Baidu MIP
Les solutions d’optimisation web mobile fournies par AMP et MIP peuvent améliorer l’expérience utilisateur dans une certaine mesure. Parallèlement, la combinaison avec le SEO a également suscité l’intérêt de nombreux développeurs pour rejoindre. Cependant, en raison de l’environnement relativement fermé, cet ensemble de normes ne peut pas être appliqué aux projets de grande envergure, mais ne peut s’appliquer qu’à des affichages de pages relativement simples, bien sûr, cela correspond à leur intention initiale.
AMP et MIP sont deux ensembles de normes différents, et pour soutenir l’optimisation des moteurs de recherche de Google et Baidu, deux ensembles de pages doivent être rédigés, ce qui augmentera le coût de développement des développeurs.
À l’avenir, je pense personnellement que les standards des deux entreprises tendront à être unifiés, et on estime que Baidu supportera la norme AMP, après tout, Google l’est d’un point de vue mondial, et Baidu n’a plus d’utilisateurs qu’en Chine.
Tutoriel MIP :https://www.mipengine.org/doc/00-mip-101.html
Tutoriel :https://www.ampproject.org/zh_cn/
|
Publié sur 07/07/2018 09:47:36
|
|
|
|
