masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Manual Dokumentasi MIP

Manual Dokumentasi MIP

  • direktori
  • cari
  • penanda buku
Manual Dokumentasi MIP / 什么是 MIP

什么是 MIP

MIP （Mobile Instant Pages - 移动网页加速器）,  是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统，实现移动网页加速。

MIP主要由三部分组织成：

  • MIP HTML
  • MIP JS
  • MIP Cache

MIP HTML 基于HTML中的基础标签制定了全新的规范，通过对一部分基础标签的使用限制或功能扩展，使HTML能够展现更加丰富的内容；MIP JS 可以保证 MIP HTML 页面的快速渲染；MIP Cache 用于实现MIP页面的高速缓存，从而进一步提高页面性能。

1. MIP HTML

MIP HTML 基于HTML基础规范进行了扩展，下面是一段简单的MIP HTML代码示例：

<!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>

MIP HTML 规范中有两类标签，一类是HTML常规标签，另一类是MIP标签。MIP标签也被称作 MIP HTML 组件，使用它们来替代HTML常规标签可以大幅提升页面性能。

例如，mip-img标签，它使得图片只在需要时才进行加载，减少了页面渲染时间，节省了用户的流量。

阅读MIP HTML 规范了解更多信息。

2. MIP JS

MIP JS 用于管理资源的加载，并支持上述MIP标签的使用，从而确保页面的快速渲染，提高页面各方面的性能。

MIP JS 最显著的优势是能够异步加载所有外部资源，整