MIP consists of three parts:
Mip html creates new standards based on the basic tags in HTML. By using restrictions or function extensions on some basic tags, it enables HTML to display richer content; mip js can ensure quick rendering of mip html pages. MIP Cache is used to implement high-speed Cache of MIP pages to further improve page performance.
1. MIP HTML
MIP HTMLBased on the basic HTML specifications, the following is a simple mip html code example:
<! 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/">
<! -- The noscript tag is used to quickly display mip pages in environments that do not support scripts. We recommend that you use it. -->
<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>
There are two types of tags in the mip html specification: regular HTML tags and MIP tags. MIP tags are also known as mip html Components. Using them to replace regular HTML tags can greatly improve page performance.
For example, the mip-img tag allows images to be loaded only when needed, reducing page rendering time and saving user traffic.
ReadMip html specificationLearn more.
2. MIP JS
MIP JSIt is used to manage resource loading and supports the above-mentioned use of MIP labels, so as to ensure rapid page rendering and improve the performance of all aspects of the page.
MIP JSThe most significant advantage is the ability to asynchronously load all external resources. The whole page rendering process is not blocked by some elements in the page, thus improving the page rendering speed.
In addition,MIP JSIt also covers all iframe sandboxes, calculation of page element la s before resource loading, and disabling slow css selectors.
3. MIP Cache
MIP CacheIt is a proxy-based CDN (Content Delivery Network) cache system that can be used to cache all MIP pages referenced by Baidu-related pages or retrieved from Baidu-related services. When you access the MIP page, the request is first sent to the CDN server. If the page exists, the request is returned from the CDN. If the page does not exist on the CDN, the request is sent to a third-party server. At the same time, the MIP Cache server caches the page to CDN.
When using MIP Cache, all static files and external resources required by the MIP page will be cached on the CDN (excluding videos), and the resource links on the page will be converted to relative addresses, the page rendering speed is greatly improved. Each MIP page is bound to a verification system. During page rendering, the validators can output page errors directly on the browser console. As the code logic changes, it can demonstrate its impact on page performance and user experience.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
