What is MIP
MIP (Mobile Instant Pages) can make web pages open fast by optimizing javascript and resources.
A carousel effect can be as easy as below:
<script async src="https://c.mipcdn.com/static/v1/mip.js"></script>
<mip-carousel>
<mip-img src="01.jpg"></mip-img>
<mip-img src="02.jpg"></mip-img>
<mip-img src="03.jpg"></mip-img>
</mip-carousel>
Fast. Most pages build by MIP will load in 1 second.
Easy to use. Use components to assemble a page, no need to write javascript.
Load on demand. Both images and scripts are load on demand, minify network resources.
Build a MIP Page
Currently, all of the tutorials are written in Chinese. If you need an english version, please submit an issue to let us know.
- MIP 101 tutorial: mipengine.org。
- MIP video tutorials: MIP Introduction
How to contribute?
If you have suggestions to a function or extensions, feel free to report an issue or make a pull request.
If code are modified, run npm install
, npm run build
to build a mip.js for preview.
Before adding a pull request, make sure:
- Use Vanilla JS.
- Write corresponding unit test, and nail it.
- Use simple and clear comments in english.
- Pass Fecs code style check.
License
Copyright (c) 2015-present, Baidu Inc.