Apa itu MIP


MIP (Halaman Segera Mudah Alih - Pemecut Web Mudah Alih) ialah satu set piawaian teknikal terbuka yang digunakan pada halaman web mudah alih. Dengan menyediakan spesifikasi MIP-HTML, persekitaran operasi MIP-JS dan sistem caching halaman MIP-Cache, halaman web mudah alih dipercepatkan.

MIP terutamanya disusun kepada tiga bahagian:

  • MIP HTML
  • MIP JS
  • MIP Cache

MIP HTML telah merumuskan spesifikasi baharu berdasarkan tag asas dalam HTML, melalui beberapa sekatan penggunaan tag Sambungan membolehkan HTML memaparkan kandungan yang lebih kaya MIP JS boleh memastikan pemaparan halaman HTML MIP Cache digunakan untuk menyimpan halaman MIP, dengan itu meningkatkan lagi prestasi halaman.

1. MIP HTML

MIP HTML dilanjutkan berdasarkan spesifikasi HTML asas Berikut ialah contoh kod HTML MIP yang mudah:

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

Terdapat dua jenis tag dalam spesifikasi HTML MIP, satu ialah HTML biasa. tag, dan satu lagi ialah Satu jenis ialah tag MIP. Teg MIP juga dipanggil komponen HTML MIP Menggunakannya dan bukannya teg HTML biasa boleh meningkatkan prestasi halaman.

Sebagai contoh, teg mip-img membenarkan imej dimuatkan hanya apabila diperlukan, mengurangkan masa pemaparan halaman dan menjimatkan trafik pengguna.

Baca Spesifikasi HTML MIP untuk maklumat lanjut.

2. MIP JS

MIP JS digunakan untuk mengurus pemuatan sumber dan menyokong penggunaan teg MIP di atas, dengan itu memastikan paparan halaman yang cepat dan meningkatkan prestasi semua aspek halaman.

MIP JS Kelebihan yang paling ketara ialah ia boleh memuatkan semua sumber luaran secara tidak segerak, dan keseluruhan proses pemaparan halaman tidak akan disekat oleh elemen tertentu dalam halaman, sekali gus meningkatkan kelajuan pemaparan halaman.

Selain itu, MIP JS juga merangkumi ciri teknikal seperti kotak pasir semua iframe, mengira reka letak elemen halaman terlebih dahulu sebelum sumber dimuatkan dan melumpuhkan pemilih css perlahan.

3. MIP Cache

MIP Cache ialah sistem caching CDN (Content Delivery Network) berasaskan proksi yang boleh digunakan untuk cache semua halaman MIP yang dirujuk oleh halaman berkaitan Baidu atau diklik daripada perkhidmatan berkaitan Baidu. Apabila pengguna mengakses halaman MIP, permintaan akan dihantar terlebih dahulu ke pelayan CDN Jika halaman itu wujud, ia akan dikembalikan daripada CDN Jika halaman itu tidak wujud pada CDN, pelayan pihak ketiga akan diminta . Pada masa yang sama, pelayan MIP Cache akan cache halaman pada CDN. Apabila menggunakan MIP Cache, semua fail statik dan sumber luaran yang diperlukan oleh halaman MIP akan dicache pada CDN (kecuali video), dan pautan sumber dalam halaman akan ditukar kepada alamat relatif, yang meningkatkan kelajuan pemaparan halaman. Setiap halaman MIP akan terikat kepada sistem pengesahan Apabila halaman dipaparkan, pengesah ini boleh secara langsung mengeluarkan ralat halaman dalam konsol penyemak imbas dan apabila logik kod berubah, ia boleh menunjukkan kesannya pada prestasi halaman dan pengalaman pengguna.

Baca Spesifikasi Cache MIP untuk maklumat lanjut.