文章專區

網頁程式技術探討

什麼是AMP網頁? AMP網頁設計的目的為何?

 在現今以行動裝置為主的世代中,傳統的網頁已漸漸無法滿足行動裝置對於網站瀏覽的特殊需求了 。

行動裝置包含:智慧型手機、平版電腦、簡易型電腦、隨身型影音播放器等等。
在行動裝置瀏覽時會有以下限制:
  1. 頻寬的限制:行動裝置所使用的行動網路並不像傳統使用的有線/寬頻網路一樣,可提供可靠且穩定的網路傳輸。在行動網路的條件下,頻寬的變動是非常大的。
  2. 運算效能的限制:行動裝置通常在有限的電力環境下,無法提供高效能且長時間的運算效能。因此,傳統網頁設計出來的頁面往往會因特效的關係,耗用大量的運算,
    造成裝置電力的過度耗損、溫度過高、效能下降等可能的情形。
  3. 儲存空間的限制:行動裝置目前提供的硬體儲存空間相對於個人電腦來說都是相對小的,且行動裝置的瀏置的瀏覽器可用的資源相較於個人電腦來說,也是相較不足的,
    因此要在行動裝置中展現良好的使用者經驗的話,對於網頁設計上存取的資源也比需相對的管控。
  4. 瀏覽範圍的限制:行動裝置相對於個人電腦來說,可瀏覽的大小以目前來說為5吋~7吋左右的大小,如何在此限制下讓使用者有良好的瀏覽網頁的體驗也是相當重要的。
 
而Google對於此議題也有進行相當的研究,為了改善上面的問題,進而提出了AMP網頁的格式。
 
這樣的格式有其相較於傳統網頁設計上不同的格式規定。主要是站在加速網頁瀏覽器在生成(Render)頁面的速度,讓使用者有良好的瀏覽體驗。
主要的設計要領有下面幾個方向,自訂的HTML標籤、自訂的JS功能、禁止CSS外部載入,其他的細節可參考Google AMP網頁指南(https://support.google.com/webmasters/answer/6340290?hl=zh-Hant)。
 
如果我們在原本的網站中加入了AMP網頁,對我們會有什麼好處?
由於Google本身是搜尋引擎的提供者,對於有製作AMP網頁的網站會進行收錄的動作,接著由於AMP網頁在行動裝置的瀏覽體驗會比傳統網頁設計的頁面來的高,
因此對於行動版的搜尋引擎的效果會有相當的幫助。
 
一化網頁設計,身為專業的客制化網頁設計廠商。目前提供AMP網頁設計的專業規劃,若您對此有興趣的話,歡迎使用下方的聯絡我們與我們詳談。
  • 【昆明天气】最新昆明今天天气,实时提供昆明气温、空气质量、24小时天气预报、生活指数查询 2019-03-24
  • 惊险!司机驾车撞穿墙壁 “飞”下二楼 2019-03-24
  • “国际军事比赛-2018”将于7月28日起在7国举行 2019-03-23
  • 能源舆情:新增风电竞价上网 “华龙一号”完成穹顶吊装 2019-03-22
  • 水果呵护男性健康 葡萄荔枝莲子白果要多吃 2019-03-21
  • 巴常驻联合国代表:上合组织为全球提供了一个促进共赢解决方案和互利合作的重要框架 2019-03-20
  • 控制臂连接轴存隐患  保时捷召回30辆2015款918 Spyder 2019-03-20
  • 秒变迷弟!吴建豪晒与甄子丹合影:偶像给我签名 2019-03-19
  • 最高人民法院再审顾雏军案 2019-03-19
  • 贩毒者将海洛因包装成糖果快递到重庆,警方根据线报抓获2人 2019-03-18
  • 中医排毒养生八法都有哪些? 2019-03-18
  • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-03-17
  • 2018年5月30日国台办新闻发布会 2019-03-17
  • 广州记忆丨无龙舟不端午!没有强劲臂弯的龙船发烧友不是好的传承人 2019-03-16
  • 北京进入旅游旺季 警察提示游客需防揽客者连环设套忽悠购物 2019-03-15
  • 331| 299| 519| 376| 427| 209| 472| 275| 137| 235|