百度移動網頁加速器MIP與常見網頁加速方法
百度站長最近發布了一個MIP功能門戶。事實上，這是谷歌放大器的複制品。官方解釋是:
移動即時頁面-移動頁面加速器(MIP)是一種應用于移動網頁的開放技術标準，它通過提供移動網頁的超文本标記語言規範、運行環境和緩存頁面緩存系統來加速移動網頁的運行。
組合重複數據删除隻需要在所有模闆中添加幾個字的代碼。必須添加紅色部分。
& lt！DOCTYPE html。
& lthtml mip
& lt頭部；
& lt元http-equiv = & quot；内容類型内容= & quot文本/html；字符集=utf-8。/。
& lt元名稱= & quot視口内容= & quot寬度=設備寬度，最小刻度=1，初始刻度=1；
& lt鏈接關系= & quot樣式表類型= & quot文本/csshref = & quothttps://MIP cache . BD static . com/static/MIP main-v 0 . 0 . 1 . CSS。；
& lt/head。
& lt身體；你好，世界！& lt/body。
& lt腳本src = & quothttps://MIP cache . bdstatic . com/static/MIP main-v 0 . 0 . 1 . js。；& lt/script。
& lt/html。
有很多重要的指示，請參考官方指示:https://www.mipengine.org/doc/2-tech/mip-html.html
自定義樣式規範
出于性能原因，html中不允許内嵌樣式。所有樣式隻能放在head的樣式标簽中。請參考本網站主頁上的模闆。
& lt頭部；
& lt風格MIP-定制；
p { color:# c00；}
& lt/style。
& lt/head。
& lt身體；
& ltp；你好，世界！& lt/p。
& ltp style = & quot顔色:#c00；這種嵌入式風格不再采用
網頁設計的常用加速方法
1.良好的設計結構
将以下代碼添加到網頁的頭部，并遵循XHTML代碼來提高下載和解析速度
& lt！DOCTYPE html PUBLIC-//W3C//DTD XHTML 1.0嚴格//EN & quot；
“http://www.w3.org/TR/xhtml1/DTD/xhtmlstrict.dtd"；
必須牢記的代碼标簽規則:
(1)塊級元素(元素占據一行并垂直排列)單獨使用或組合使用:< p；<。ul；-& lt；Li；<。dl。-& lt；dt；-& lt；DD；<。h1；~ & ltH4；(e)等；
(2)在線元素(同一行中的元素)采用:< a；<。b；<。我；<。em；<。跨度；；
(3)塊級元素包括内嵌元素，而内嵌元素不包括塊級元素；
(4)内嵌元素對于寬度和高度無效。可以設置行高，上下邊距和填充無效。
(5)顯示:block用于将内嵌元素更改爲塊級元素，display:inline-block用于将塊級元素更改爲行間元素，可以上下設置邊距和填充；
⑥标簽應盡可能使用類，id類應減少。命名規則應該是短小的英語，小而全的帶數字或下劃線的拼音。不建議使用駝峰命名，例如
& ltdiv id = & quot導航圖标class = & quot導航圖标；
示例:全通用導航HTML和CSS編寫
& ltdiv id = & quot導航；
& ltul；
& ltli類= & quot懸停；& lta href = & quot/& quot；；主頁
2.網頁簡潔，不應該有太多的内容。
特别是對于以内容爲主題的博客網站，每篇文章的内容簡介都要盡可能的概括重點，文章的前幾十個字也可以用。建議單獨寫一個簡介，包括關鍵詞和主要内容。
3.圖片和文字的合理使用
網站的前端設計得非常吸引人。圖片占據了空的絕大多數。如果你的服務器不夠好，請嘗試使用文字，以便搜索引擎可以獲得更多關于這個頁面的信息。
不要用圖片代替文字。一些按鈕和不必要的小圖标可以設計成文本和CSS樣式，以盡量減少頁面加載的次數。現在的浏覽器兼容性很強，有些ie6兼容性不用完全考慮，可以用CSS來解決絕大多數圖标問題。
圖像路徑采用絕對路徑代替；/../。的相對路徑。上傳圖片之前，我們需要對它們進行處理，并權衡清晰度和大小。如果不是專業攝影展，我們可以采用純色背景+文字的形式。顔色元素越多，圖片越大。此外，圖片元素需要完整，尺寸可以在樣式表中統一編譯，樣式表必須包含alt标記。
& ltimg src = & quot/img/1.jpg。alt = & quot圖片“寬度= & quot100高度= & quot兩百磅；
在MIP規則的情況下
4.正确使用JavaScript
JavaScript在網頁設計中是不可或缺的，并且在網頁上有許多JS效果。采用的JavaScript包是不同的，并且經常會有沖突、重複等。但是，如果這些内容是内嵌在網頁中，加載時間将受到影響。最好的方法是将這些内容具體化。
& lt鏈接/css/Style.css媒體= & quot全部rel = & quot樣式表類型= & quot文本/css/。
& lt腳本src = & quot/js/Javascript.js。類型= & quot文本/javascript；& lt/script。
5.不要使用表格布局
指的是一種形式，而不是一種形式。<表格；作爲一個塊級元素，它在早期被用于網頁布局，但是它會添加很多源代碼和樣式，使修改和維護變得很麻煩，并且采用更簡單的DIV+CSS。
6.壓縮CSS、JS、PHP、HTML、XML方法
Gzip是最常用的，許多浏覽器支持這種壓縮算法。參考文章“Gzip壓縮教程測試對王灣虛拟主機有效”；
您還可以使用在線壓縮工具删除空框、回車符、符号、注釋、空白色。事實上，當你在寫作時有了這樣的意識，這些問題就不是任何問題了。
原文鏈接：https://www.5biaozhun.com/1019.html，轉載請注明出處。
評論0