MIP-HTML
MIP-HTML?基于 HTML 基礎(chǔ)規(guī)范進(jìn)行了擴(kuò)展。
下面是一段簡(jiǎn)單的 MIP-HTML 代碼示例:
123456789101112131415161718192021222324<!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" >
? ?<link rel="canonical" >
? ?<!-- noscript 標(biāo)簽是為了在不支持 script 的環(huán)境下快速的展現(xiàn) MIP 頁(yè)面,推薦使用 -->
? ?<noscript>
? ? ?<style mip-officialrelease>
? ? ? ?body { ? ? ? ? ?-webkit-animation: none; ? ? ? ? ? ? -moz-animation: none; ? ? ? ? ? ? ?-ms-animation: none; ? ? ? ? ? ? ? ? ?animation: none;
? ? ? ?} ? ? ?</style>
? ?</noscript>
?</head>
?<body>
? ?<h1>Hello World!</h1>
? ?<script src="https://c.mipcdn.com/static/v2/mip.js"></script>
?</body></html>
MIP-HTML 規(guī)范中有兩類標(biāo)簽,一類是 HTML 常規(guī)標(biāo)簽,另一類是 MIP 標(biāo)簽。MIP 標(biāo)簽也被稱作 MIP-HTML 組件,使用它們來(lái)替代 HTML 常規(guī)標(biāo)簽可以大幅提升頁(yè)面性能。
例如:<mip-img>標(biāo)簽,它使得圖片只在需要時(shí)才進(jìn)行加載,減少了頁(yè)面渲染時(shí)間,節(jié)省了用戶的流量。
閱讀本文的人還閱讀了: