什麼是谷歌放大器?它的工作原理以及為什麼對移動網站有用

如果你的網站的移動版本很慢或者資源太多,那麼看看Google-AMP是如何加速的。...

Google AMP,或稱加速移動頁面(Accelerated Mobile Pages),是Google創建的一個開源項目,旨在為移動設備提供更流暢的瀏覽體驗。

google-amp

該項目承諾了更高的性能、更高的參與度和更少的數據使用,這對用戶和發佈者都有利。

放大器是如何工作的?

[嵌入]https://youtu.be/9Cfxm7cikMY[/嵌入]

頁面速度在今年7月(2018年)成為移動頁面的排名因素,AMP在這裡滿足您網站對速度的需求。事實上,AMP承諾讓**瀏覽速度提高85%。

通過對HTML、JavaScript和CSS的優化和限制的組合,頁面幾乎可以立即加載。與作者編寫的JavaScript不同,特定於AMP的元素確保了速度和兼容性。

頁面速度也提高了以上的摺疊優先級,特定的放大器緩存和預渲染。此外,使用小文件和媒體,以及來自服務器的少量資源請求,進一步提高了速度。

AMP中的優化還將確保頁面的佈局始終正確加載,甚至在加載圖像和iframe(用於廣告)之前也是如此。

這是通過在HTML文檔中指定圖像和iframe的大小來實現的(稱為“靜態佈局”)。基本上停止了內容在加載時移動以適應資源。

什麼是放大器緩存(amp caching)?

如果發佈有效的AMP站點,頁面將自動緩存為AMP生態系統的一部分。緩存將存儲您的AMP文檔、字體和圖像。

目前有兩種AMP緩存在使用,Google的AMP緩存和Cloudflare的AMP緩存。僅Cloudflare的服務器就覆蓋了50個不同國家的102個地點。

每次有人訪問內容時,緩存都會更新,更新後的內容會自動提供給下一個用戶。這確保了最新版本的服務,迅速向儘可能多的人。

除了緩存內容外,緩存服務器還將提供一些優化和修改,例如:

  • 正在驗證AMP格式。
  • 限制圖像尺寸以防止瀏覽器內存問題和響應能力差。
  • 刪除不可見或難以查看的圖像數據,例如某些元數據。
  • 將圖像轉換為更小、更方便移動的圖像格式,例如將GIF、PNG和JPEG格式圖像轉換為WebP(什麼是WebP?)在支持WebP的瀏覽器中。
  • 如果請求包含保存數據頭,則將圖像轉換為低質量。
  • 添加對響應大小圖像的支持。
  • 通過安全通道(HTTPS)服務,並使用最新的web協議(SPDY,HTTP/2)。
  • 清除AMP文檔,以防止基於不正確關閉的HTML標記、註釋等的XSS攻擊。

除了這些優化之外,緩存還將完成許多HTML清理過程以規範化解析。

在googledevelopers頁面上有一個完整的AMP緩存優化列表。

什麼是amp的實際好處(the actual benefits of amp)?

速度是AMP的主要吸引力。這就是為什麼許多出版商,如谷歌、Facebook、百度、Pinterest和Twitter已經採用了這項技術。提高的速度增加了參與度,並降低了反彈率幾乎所有。

AMP特別適用於移動互聯網覆蓋率低的地區,或擁擠和緩慢的公共網絡,如機場和咖啡店。這就是為什麼在他們的應用程序中的內容加載速度如此之快,而普通的瀏覽速度卻很慢。

去年,福雷斯特諮詢公司(Forrester)諮詢公司(Google委託)進行的一項研究發現:

"AMP leads to a 10% increase in website traffic with a 2x increase in time spent on page. For e-commerce websites using AMP, the study also found a 20% increase in sales conversi*** compared to non-AMP pages."

谷歌的熱門故事旋轉木馬在**上只會使用谷歌的AMP緩存來顯示文章,所以對於許多出版商來說,使用AMP應該是一個自動的選擇。

****、eBay和AliExpress都是利用AMP的好例子。如果您在移動設備上的Google搜索中單擊這些站點的內容(用amp圖標標記),您將加載這些站點頁面的amp版本。

amp故事

今年早些時候,AMP生態系統的另一個亮點是AMP故事。與Snapchat故事類似,這些故事已經被許多出版商使用。很好的例子包括CNN關於探索太陽系任務的報道,以及Mashable的《黑豹基本指南》。

AMP Story廣告是stories功能的一個補充,最近所有使用GoogleAdManager的網站都可以使用它。這些是出現在AMP故事中的全屏廣告,是使AMP比一年前更有用的許多改進之一。

什麼是amp的缺點(the downsides to amp)?

Google mobile search

如果您使用Google、Twitter、Pinterest、Messenger等,您會注意到外部鏈接將在域本身中打開,而不是在它鏈接到的域中打開。

儘管AMP-viewer改善了用戶的瀏覽體驗,但對網站所有者來說可能是一個負面影響。它剝奪了你控制訪問者瀏覽網站的權力。

這可能會破壞你的網站頁面視圖,並可能擾亂你的廣告收入。甚至有些分析和跟蹤問題,如果你不使用谷歌分析來AMP,這些問題都很難解決。

也就是說,有些讀者可能更喜歡追蹤困難。如果是這樣,你可以做什麼來找出誰在網上跟蹤你。

谷歌在移動設備上的頂級故事轉盤將只提供AMP就緒的內容。這是一個重要事實,因為所有AMP內容的大部分流量來自於搜索古戈爾.

這種偏袒不僅僅止於新聞轉盤。谷歌還將推出比任何其他鏈接更高的支持AMP的網站,包括標準的移動友好網站。儘管如此,從技術上講,AMP本身並不是一個頁面排名因子(還沒有),但是速度的提高是值得的。

Cloudflare can improve your Accelerated Mobile Pages

即使你讓你的AMP頁面可用,它們也不會總是被使用,這取決於所使用的操作系統、應用程序或設備。如果您使用Cloudflare,則可以啟用加速移動鏈接,以便在移動設備上識別和顯示來自站點的AMP內容,無論其來源如何。

Cloudflare還可以幫助您在使用**時提高隱私和性能。

amp中的可視化與設計

我們喜歡自己的一些花哨的網站。然而,AMP的侷限性會讓你失去一些網站的視覺吸引力,而這些視覺吸引力是你使用響應式網站和移動設計所能保留的。

例如,WordPress中的插件將通過提供網站的簡化版本來服務於AMP。這些WordPress-to-AMP轉換器提供很少的視覺吸引力,也是許多AMP站點看起來相似的主要原因之一。

如果你用手來設計你的AMP頁面,而不是使用轉換器,你可以得到一個類似於傳統移動設計的設計,並且更具視覺吸引力。

AMP還有一段路要走,許多開發者強烈反對使用它,因為它迫使他們進一步進入谷歌生態系統。這使得許多人開始搜索谷歌的替代產品。

你應該創建amp頁面嗎?

AMP為網站所有者帶來了很多好處,特別是如果您每天提供大量內容的話。但是,您可以在不實現AMP的情況下解決許多降低網站速度的問題,如過度使用JavaScript、服務器響應緩慢和文件大小過大。

智能**設計可以快速為您的網站服務。谷歌的珍妮·戈夫(Jenny Gove)寫了一篇關於如何打造一個好的移動網站的文章,值得一讀。

有WordPress AMP插件和Drupal AMP插件,可以幫助您生成AMP內容。否則,AMPROJECT快速啟動文檔是一個寶貴的資源,可用於手動編寫AMP頁面的代碼。

整個AMPProject網站實際上是在AMP中創建和呈現的,所以這是一個很好的例子,說明了這些頁面在所有分辨率下的外觀,而不僅僅是在移動設備上。

儘管人們出於許多不同的原因對AMP有強烈的反感,Stonetemple.com網站研究了10個案例,以瞭解用戶參與度和轉化率的差異。他們得出結論,只要AMP的實現是完全完成的,大多數網站,無論其利基,將看到好處。

底線是你應該考慮你的客戶是否會從AMP中得到任何好處。根據您提供的服務和您提供的內容,它可能不會在移動頁面上增加改進。通過適當的優化,移動頁面也可以快速加載!

如何禁用amp

緩存是AMP生態系統的核心部分,發佈一個有效的AMP文檔會自動將其選擇到緩存交付中。如果你想刪除你的網頁,谷歌已經寫了一本指南,說明如何從谷歌搜索中刪除AMP內容。

如果您想停止以用戶身份加載AMP頁面,可以禁用AMP鏈接並在**上加載原始頁面。

  • 發表於 2021-03-22 13:41
  • 閱讀 ( 51 )
  • 分類:科技

你可能感興趣的文章

chrome與firefox:android瀏覽器的終極決戰

... 在你的谷歌個人資料之間切換就像點選右上角的個人資料圖片一樣簡單。 ...

  • 發佈於 2021-03-11 15:19
  • 閲讀 ( 53 )

如何在android和iphone上的google搜尋中禁用google-amp

... 谷歌放大器的問題 ...

  • 發佈於 2021-03-13 12:44
  • 閲讀 ( 55 )

6谷歌地圖的替代方案及其重要性

... 不管是什麼原因,你還有其他選擇。你知道你甚至可以在瀏覽器中使用蘋果地圖嗎? ...

  • 發佈於 2021-03-14 11:29
  • 閲讀 ( 71 )

輕鬆查詢和刪除過去的googlehome命令

...你可以透過發出一些簡單的語音命令來發現一天中發生了什麼,聽到最新的新聞報道,或者聽一些音樂。 ...

  • 發佈於 2021-03-15 02:34
  • 閲讀 ( 47 )

四個最好的android均衡器應用程式,以提高音訊

...行,搖滾,拉丁),以及低音增強,環繞聲,和一個聲音放大器。輕觸要啟用的預設。 ...

  • 發佈於 2021-03-15 07:45
  • 閲讀 ( 62 )

最好的谷歌地球和地圖:5寶石你應該看到

... 如果你想知道googleearth正在發生什麼,應用程式周圍的社群正在討論什麼,或者需要什麼幫助,這是一個部落格。事實上,googleearth部落格可能是唯一一個定期更新的地圖網站。 ...

  • 發佈於 2021-03-16 14:19
  • 閲讀 ( 50 )

5個更快的chrome擴充套件以加速網頁瀏覽

...社交媒體共享按鈕或Google Adsense程式碼是相同的。那麼為什麼你的瀏覽器每次都要從網站上下載這些呢? ...

  • 發佈於 2021-03-20 02:15
  • 閲讀 ( 43 )

什麼是谷歌?如何進行網際網路搜尋

“你為什麼不穀歌一下呢?你用谷歌文件嗎?你在谷歌地圖上查過嗎?你能在谷歌硬碟上共享這個檔案嗎?” ...

  • 發佈於 2021-03-20 21:13
  • 閲讀 ( 64 )

7種讓你的網站或部落格更快地為訪問者載入的方法

緩慢的頁面載入速度是一個主要原因,為什麼你的網站沒有得到應有的點選率。 ...

  • 發佈於 2021-03-22 14:24
  • 閲讀 ( 59 )

google透過隱藏子域名來威脅你的網際網路安全

... 從URL中刪除“www”意味著什麼? ...

  • 發佈於 2021-03-23 18:19
  • 閲讀 ( 47 )