【amp是什么意思】這就是AMP

1.jpg

　　如果你是一位SEO愛好者最近應(yīng)該有聽說過AMP技術(shù)，什么是AMP？對網(wǎng)站優(yōu)化加速有什么價值？無憂來給各位站長進行下講解。


　　源于是一種最新的SEO技術(shù)，是Google的AMP項目。


　　AMP，AcceleratedMobilePages，譯意大致是”加速的移動頁面”，是Google去年10月份推出的一個提高移動頁面訪問速度的技術(shù)，你可以官方查看到相關(guān)的介紹。


　　點擊了解詳情https://www.ampproject.org/zh_cn/docs/get_started/about-amp.html或者AMP項目博客


　　來看看官方的視頻講解吧，需求科學(xué)上網(wǎng)。

　　通過AMP可以構(gòu)建快速渲染的靜態(tài)內(nèi)容網(wǎng)頁。AMP實例由三個不同部分組成：


　　AMPHTML


　　AMPJS


　　GoogleAMPCache


　　AMPHTML是為確?？煽啃阅芏哂心承┫拗频腍TML，它進行了一些擴展，可以構(gòu)建超出基本HTML的豐富內(nèi)容。AMPJS庫可確保快速渲染AMPHTML頁面。GoogleAMPCache（可選）提供AMPHTML頁面。


　　AMPLandingPagesexperienceshowninaGoogleSearchflow


　　AMP頁面加速演示


　　AMPHTML


　　AMPHTML本質(zhì)上是使用自定義AMP屬性擴展的HTML。最簡單的AMPHTML文件如下所示：


　　<!doctypehtml>


　　<html?>


　　<head>


　　<metacharset="utf-8">


　　<linkrel="canonical"href="hello-world.html">


　　<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">


　　<styleamp-boilerplate>body{-webkit-animation:-amp-start8ssteps(1,end)0s1normalboth;-moz-animation:-amp-start8ssteps(1,end)0s1normalboth;-ms-animation:-amp-start8ssteps(1,end)0s1normalboth;animation:-amp-start8ssteps(1,end)0s1normalboth}@-webkit-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><styleamp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>


　　<scriptasyncsrc="https://cdn.ampproject.org/v0.js"></script>


　　</head>


　　<body>HelloWorld!</body>


　　</html>


　　盡管AMPHTML頁面中的大多數(shù)標(biāo)記都是常規(guī)HTML標(biāo)記，但部分HTML標(biāo)記替換為了AMP特定標(biāo)記（另請參閱


　　AMP規(guī)范中的HTML標(biāo)記）。利用這些自定義元素（稱為AMPHTML組件）可以輕松高效地實現(xiàn)常見的模式。


　　例如，amp-img標(biāo)記可提供完整的srcset支持，即使在尚不支持該標(biāo)記的瀏覽器中也是如此。


　　了解如何創(chuàng)建您的第一個AMPHTML頁面。


　　AMPJS


　　AMPJS庫可實現(xiàn)所有AMP的最佳性能做法，


　　管理資源加載，并為您提供上面提到的自定義標(biāo)記，所有這些都是為了確?？焖黉秩灸捻撁?。


　　重大優(yōu)化之一就是使來自外部資源的所有內(nèi)容保持異步，讓頁面中的任何內(nèi)容都能毫無阻礙地渲染。


　　其他性能技術(shù)還包括：將所有iframe沙盒化、加載資源之前對頁面上每個元素的布局進行預(yù)先計算，以及禁用性能緩慢的CSS選擇器。


　　如需詳細了解優(yōu)化和相關(guān)限制，請閱讀AMPHTML規(guī)范.


　　GoogleAMPCache


　　GoogleAMPCache是一種基于代理的內(nèi)容交付網(wǎng)絡(luò)，用于交付所有有效的AMP文檔。


　　它可提取AMPHTML頁面，對頁面進行緩存，并自動改進頁面性能。使用GoogleAMPCache時，文檔、所有JS文件及所有圖像都從使用HTTP2.0的同一來源加載，從而可實現(xiàn)最高效率。


　　此外，GoogleAMPCache還帶有內(nèi)置驗證系統(tǒng)，可確認頁面能夠正常工作，并且不依賴于外部資源。


　　此驗證系統(tǒng)運行一系列斷言，確認頁面的標(biāo)記符合AMPHTML規(guī)范。


　　另一個版本的驗證器與各個AMP頁面捆綁提供。此版本可在頁面渲染時將驗證錯誤直接記錄到瀏覽器的控制臺中，讓您可以看到代碼中的復(fù)雜變化可能會對性能和用戶體驗產(chǎn)生怎樣的影響。


　　本文屬于專業(yè)SEO技術(shù)研究內(nèi)供SEO愛好者閱讀理解，非專業(yè)開發(fā)人員不要折騰哦。