Qu'est-ce que le MIP
MIP (Mobile Instant Pages - Mobile Web Accelerator) est un ensemble de normes techniques ouvertes appliquées aux pages Web mobiles. En fournissant les spécifications MIP-HTML, l'environnement d'exploitation MIP-JS et le système de mise en cache des pages MIP-Cache, les pages Web mobiles sont accélérées.
MIP est principalement organisé en trois parties :
- MIP HTML
- MIP JS
- MIP Cache
MIP HTML a formulé une nouvelle spécification basée sur les balises de base en HTML, à travers les restrictions d'utilisation ou les fonctions de certaines balises de base. Les extensions de balises permettent au HTML d'afficher un contenu plus riche ; MIP JS peut assurer un rendu rapide des pages HTML MIP ; MIP Cache est utilisé pour mettre en cache les pages MIP, améliorant ainsi encore les performances des pages.
1. MIP HTML
MIP HTML est étendu en fonction de la spécification HTML de base. Voici un exemple simple de code HTML MIP :
<!DOCTYPE html>
<html mip>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
<link rel="canonical" href="https://www.mipengine.org/">
<!-- noscript 标签是为了在不支持script的环境下快速的展现 mip 页面，推荐使用 -->
<noscript>
<style mip-officialrelease>
body {
-webkit-animation:none;
-moz-animation:none;
-ms-animation:none;
animation:none
}
</style>
</noscript>
</head>
<body>Hello World!</body>
<script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
</html>Il existe deux types de balises dans la spécification HTML MIP, l'une est HTML régulière. balises, et l’autre est un type est constitué de balises MIP. Les balises MIP sont également appelées composants HTML MIP. Leur utilisation à la place des balises HTML classiques peut améliorer considérablement les performances de la page.
Par exemple, la balise mip-img permet de charger les images uniquement en cas de besoin, réduisant ainsi le temps de rendu des pages et économisant le trafic des utilisateurs.
Lisez
2. MIP JS
MIP JS est utilisé pour gérer le chargement des ressources et prend en charge l'utilisation des balises MIP ci-dessus, assurant ainsi un rendu rapide de la page et améliorant les performances de tous les aspects de la page.
MIP JS L'avantage le plus important est qu'il peut charger toutes les ressources externes de manière asynchrone et que l'ensemble du processus de rendu de la page ne sera pas bloqué par certains éléments de la page, améliorant ainsi la vitesse de rendu de la page.
De plus, MIP JS couvre également des fonctionnalités techniques telles que le sandboxing de toutes les iframes, le calcul de la disposition des éléments de page à l'avance avant le chargement des ressources et la désactivation des sélecteurs CSS lents.
3. MIP Cache
MIP Cache est un système de mise en cache CDN (Content Delivery Network) basé sur un proxy qui peut être utilisé pour mettre en cache toutes les pages MIP référencées par les pages liées à Baidu ou cliquées à partir des services liés à Baidu. Lorsqu'un utilisateur accède à une page MIP, la requête sera d'abord envoyée au serveur CDN. Si la page existe, elle sera renvoyée depuis le CDN. Si la page n'existe pas sur le CDN, un serveur tiers sera demandé. . Dans le même temps, le serveur MIP Cache mettra en cache la page sur le CDN. Lors de l'utilisation du cache MIP, tous les fichiers statiques et ressources externes requis par la page MIP seront mis en cache sur le CDN (sauf les vidéos), et les liens de ressources dans la page seront convertis en adresses relatives, ce qui améliore considérablement la vitesse de rendu de la page. Chaque page MIP sera liée à un système de vérification. Lorsque la page est rendue, ce vérificateur peut directement générer des erreurs de page dans la console du navigateur ; et à mesure que la logique du code change, il peut démontrer son impact sur les performances de la page et l'expérience utilisateur.
Lisez
