代理加盟 2019全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: cf阿拉维斯如何钻bug > 站長學院 > SEO資訊 >

阿拉维斯升级:百度移動網頁加速器MIP與常見網頁加速方法

來源:未知 發布時間:2019-03-31熱度: ℃我要評論
百度站長近日出了一個MIP的功能入口,其實這個是谷歌的AMP的翻版,官方的解釋是: MIP(Mobile Instant Page - 移動網頁加速器),是一套應用于移動網頁的的開放性技術標準,通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統,實現移動網頁加速。 結合D...

cf阿拉维斯如何钻bug www.rxtxrm.com.cn 織夢模板免費下載,無需注冊無需充值

      百度站長近日出了一個MIP的功能入口,其實這個是谷歌的AMP的翻版,官方的解釋是:

       MIP(Mobile Instant Page - 移動網頁加速器),是一套應用于移動網頁的的開放性技術標準,通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統,實現移動網頁加速。

百度移動網絡加速器MIP

       結合DedeCMS只需要在所有模板里增加幾句代碼即可。紅色部分是必須增加的。

<!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/mipmain-v0.0.1.css">
    </head>
    <body>Hello World!</body>
    <script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script>   
</html>

       還有許多重要說明請參考官方說明:https://www.mipengine.org/doc/2-tech/1-mip-html.html

自定義樣式規范

       處于性能考慮,html中不允許使用內聯的style,所有樣式只能放到head的style標簽內,參考本站首頁的模板。

<head>
 <style mip-custom>
  p{color:#c00;}
 </style>
</head>
<body>
 <p>Hello world!</p>
 <p style="color:#c00">這樣的內聯style不再采用</p>
</body>

什么是網頁加速,對網站SEO有多大影響

       網頁加速顧名思義是讓網頁更快地傳送到客戶端,減少用戶的等待時間,對SEO來說有重要作用,用戶體驗會影響到網站綜合數據(PV、停留時間、跳出率等)。因此要做好網站的SEO優化,就要盡最大的努力讓網站的表現最好。

常見的網頁設計加速方法

1.良好的設計結構

       在網頁頭部添加下面代碼,遵循XHTML編碼,以提高下載和解析速度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"      
    "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

必須牢記的代碼標簽規則:

①塊級元素(元素占用一行,垂直方向排列)采用單獨或者組合:<p>、<ul>-<li>、<dl>-<dt>-<dd>、<h1>~<h4>等;

②行內元素(元素在同一行)采用:<a>、<b>、<i>、<em>、<span>;

③塊級元素包含行內元素,行內元素不包含塊級元素;

④行內元素對width、height無效,可以設置line-height,margin、padding上下無效;

⑤采用display:block實現行內元素變塊級元素,display:inline-block實現塊級元素元素變行間元素并可以設置margin、padding上下;

⑥標簽盡量使用class類,減少使用id類,命名規則以簡短小寫英文、小寫全拼音加數字或下劃線為主,不建議采用駝峰式命名,如

<p id="navHoverOne" class="navHoverOne">

例子:全通式導航HTML與CSS寫法

<p id="nav">
 <ul>
  <li class="hover"><a href="/">首頁</a></li>
  <li><a href="/link1">欄目1</a></li>
  <li><a href="/link2">欄目2</a></li>
  <li><a href="/link4">欄目3</a></li>
 </ul>
</p>
CSS樣式表
<style>
 #nav{width:100%;}
 #nav ul{width:1000px;margin:0 auto;}
 #nav ul li a{display:inline-block;line-height:30px;padding:0 20px;background:#ccc;color:#808080;}
 #nav ul li a:hover{background:#c00;}
 #nav .hover{background:#c00;}
</style>

       在MIP的規則下<style>被替換為<style mip-custom>,一些具體的標簽參考官方說明。

2.網頁簡潔,不宜填充過多內容

       特別以內容為主題的博客類網站,每一篇的內容簡介盡量把重點概括,也可以采用文章開頭的幾十個字,建議單獨編寫簡介,把關鍵詞和主要內容包含在里面。

3.圖片和文字的合理采用

       網站前端設計得非常大氣吸引人,圖片占據了絕大多數的空間,如果你的服務器不夠牛,請盡量采用文字的形式,這樣搜索引擎也能獲取更多關于這個頁面的信息。

       不要用圖片代替文字,一些按鈕、不必要的小圖標可以采用文字和CSS樣式的設計,盡量減少加載網頁的加載次數。現在瀏覽器兼容性強,一些ie6的兼容性完全不用考慮,可以采用CSS解決絕大多數的圖標問題。

       圖片路徑采用絕對路徑而不要帶有“/../”的相對路徑。圖片上傳前需要進行處理,在清晰度和大小之間權衡,如果不是專業的圖片展,大可以采用純色背景+文字的形式,圖片顏色元素越多,圖片越大。 另外圖片元素需要完整,尺寸也可以在樣式表里統一編寫,必須含有alt標簽。

<img src="/img/1.jpg" alt="圖片" width="100" height="200">

       如果是MIP規則的話<img>標簽被替換為<mip-img>使用的時候需要注意。

4.正確使用JavaScript

       網頁設計中少不了JavaScript,網上有非常多的JS效果,采用的JavaScript封裝不一樣,往往出現沖突、重復等情況,而網頁內聯這些內容的話會影響加載時間,最好的辦法是讓這些外部化。

<link href="/css/Style.css" media="all" rel="Stylesheet" type="text/css" />
<script src="/js/Javascript.js" type="text/javascript"></script>

5.不使用表格布局

       指的是表格而不是表單,<table>作為塊級元素,早期被用來進行網頁布局,但是會增加非常多的源代碼和樣式,修改維護麻煩,采用更簡單的DIV+CSS。

6.壓縮CSS、JS、PHP、HTML、XML方法

       最常用的是采用Gzip,許多瀏覽器都支持這樣的壓縮算法。參考文章《萬網虛擬主機開啟Gzip壓縮教程測試有效》;

       也可以使用在線壓縮工具,可以刪除空格、回車、符號、注釋、空白,其實自己在編寫的時候有這樣的意識后,這些問題都不是什么問題。

本文地址://www.rxtxrm.com.cn/seo/1576.html

    發表評論

    評論列表(條)