accelerated mobile pages (amp)
TRANSCRIPT
AcceleratedMobilePages,InstantAr4clesandAppleNews
@chrisburgess chrisburgess.com.au
Why?
Ref:hCp://hCparchive.org/trends.php
Ref:hCps://en.m.wikipedia.org/wiki/List_of_Google_products
GoogleAcceleratedMobilePages(AMP)–anopensourceprojectandservicetoacceleratecontenton
mobiledevices.
EnablingAMPonaWordPressWebsite
+
http://www.example.com/page-url/amp/
http://www.example.com/page-url/amp/
3CoreAMPComponents
• AMPHTML• AMPJS• GoogleAMPCache
AMPRules• Allowonlyasynchronousscripts• Sizeallresourcessta4cally• Don’tletextensionmechanismsblockrendering• Keepallthird-partyJavaScriptoutofthecri4calpath
• AllCSSmustbeinlineandsize-bound• Fonttriggeringmustbeefficient• Minimizestylerecalcula4ons• OnlyrunGPU-acceleratedanima4ons• Priori4zeresourceloading
Reference:hCps://www.ampproject.org/docs/get_started/technical_overview.html
#development=1
http://www.example.com/page-url/amp/#development=1
http://www.example.com/page-url/amp/#development=1
“Ifwehadtwoar-clesthatfromasignalingperspec-vescoredthesameinallothercharacteris-csbutforspeed,thenyeswewillgiveanemphasistotheonewithspeedbecausethatiswhatusersfindcompelling.”RichardGingras,seniordirector,newsandsocialproductsatGoogle
Ref:hCp://searchengineland.com/google-to-launch-amp-in-search-results-february-24-2016-242902
FurtherReading• hCps://www.ampproject.org/• hCps://github.com/ampproject/amphtml• hCps://yoast.com/sefng-up-wordpress-for-amp-accelerated-mobile-pages/
• hCp://www.sitepoint.com/an-introduc4on-to-googles-accelerated-mobile-pages-amp/
• hCp://webdesign.tutsplus.com/ar4cles/amp-project-will-it-make-your-sites-faster--cms-25853
• hCps://instantar4cles.i.com• hCps://developer.apple.com/news-publisher/
Thanks!J
@chrisburgess chrisburgess.com.au