Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
AMPAlexnadalin-namshi.com
acceleratedAlexnadalin-namshi.com
MobileAlexnadalin-namshi.com
ProblemsAlexnadalin-namshi.com
Thisishowyourdatabalancelookslikewhen
browsingthesewebsites:
Thisishowyourdatabalancelookslikewhen
browsingthesewebsites:
Theworstpartis:
weonlyneed~100kbtoshowthe
usersomemeaningfulcontent
Toputitinperspective:
Toputitinperspective:
Goodpeople
Toputitinperspective:
Goodpeople
Wemortals
Toputitinperspective:
Goodpeople
badasses
Wemortals
Whatmakesa
webpagefat?
In2016,theaveragewebpageisthesamesize
asDoom(yes,thegame)
In2016,theaveragewebpageisthesamesize
asDoom(yes,thegame)
In2016,theaveragewebpageisthesamesize
asDoom(yes,thegame)
In2016,theaveragewebpageisthesamesize
asDoom(yes,thegame)
In2016,theaveragewebpageisthesamesize
asDoom(yes,thegame)
Whatmakesa
webpageslow?
Whatmakesa
webpageslow?What’sbelow
thefold
Blockingresources
JankyanimationsLotsofresources
Howdoes
AMPhelp?
Avoidjs
Avoidblocking
resources
Sizeeverything
Inadvance
Inlinestyles
...andotherinterestingthingslikeresource
hints,gpu-acceleratedanimationsonly,etc.
https://www.ampproject.org/learn/how-amp...
AMPisnothingbutasetofguidelines
onhowtostructureyourHTML
documents...
...andsomeadditionaltagslike
<amp-image /> whichenhancethe
regularones
https://validator.ampproject.org
g.co/ampdemo
Googlecachesthecontenton
theirsideandtheytryto
refreshitasmuchaspossible
(ie.ateveryamphitor
https://developers.google.com...
Toputitinperspective:
AMP
Toputitinperspective:
AMP
Wemortals
Toputitinperspective:
AMP
Wemortals
Toputitinperspective:
AMP
Wemortals
Toolazy?
https://mercury.postlight.com/amp-converter/
Toogoodtobetrue?
https://www.tunetheweb.com/blog/do-we-really-need-google-amp/
Worst-keptAMPsecret?
Ifyou’rethatgoodyou
wontneedamp
Checkhttps://www.filamentgroup.com/
Ingeneral...
AMPalonewon’tmake
Yourwebsitefast
Itwillhelpyou
solveproblemson
therightlayer
“don’tintegratethingsontheclientside,just
becausethatiseasier,whentheuserexperience
wouldbebetterwithaserversideintegratio...
Ifyougetperformance
right,AMPwillbeaneasy
addon
Ifamp=hard:
Performance=hard
Makethewebfaster.
Makethewebthinner.
Makemebuylessdata.
questions?
github.com/odino
twitter.com/_odino_
odino.org
VP Technology
github.com/namshi
twitter.com/TechNamshi
tech.namshi.com
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai
Upcoming SlideShare
Loading in …5
×

Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai

198 views

Published on

Namshi's perspective on AMP from Google.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai

  1. 1. AMPAlexnadalin-namshi.com
  2. 2. acceleratedAlexnadalin-namshi.com
  3. 3. MobileAlexnadalin-namshi.com
  4. 4. ProblemsAlexnadalin-namshi.com
  5. 5. Thisishowyourdatabalancelookslikewhen browsingthesewebsites:
  6. 6. Thisishowyourdatabalancelookslikewhen browsingthesewebsites:
  7. 7. Theworstpartis: weonlyneed~100kbtoshowthe usersomemeaningfulcontent
  8. 8. Toputitinperspective:
  9. 9. Toputitinperspective: Goodpeople
  10. 10. Toputitinperspective: Goodpeople Wemortals
  11. 11. Toputitinperspective: Goodpeople badasses Wemortals
  12. 12. Whatmakesa webpagefat?
  13. 13. In2016,theaveragewebpageisthesamesize asDoom(yes,thegame)
  14. 14. In2016,theaveragewebpageisthesamesize asDoom(yes,thegame)
  15. 15. In2016,theaveragewebpageisthesamesize asDoom(yes,thegame)
  16. 16. In2016,theaveragewebpageisthesamesize asDoom(yes,thegame)
  17. 17. In2016,theaveragewebpageisthesamesize asDoom(yes,thegame)
  18. 18. Whatmakesa webpageslow?
  19. 19. Whatmakesa webpageslow?What’sbelow thefold Blockingresources JankyanimationsLotsofresources
  20. 20. Howdoes AMPhelp?
  21. 21. Avoidjs
  22. 22. Avoidblocking resources
  23. 23. Sizeeverything Inadvance
  24. 24. Inlinestyles
  25. 25. ...andotherinterestingthingslikeresource hints,gpu-acceleratedanimationsonly,etc. https://www.ampproject.org/learn/how-amp-works/
  26. 26. AMPisnothingbutasetofguidelines onhowtostructureyourHTML documents...
  27. 27. ...andsomeadditionaltagslike <amp-image /> whichenhancethe regularones
  28. 28. https://validator.ampproject.org
  29. 29. g.co/ampdemo
  30. 30. Googlecachesthecontenton theirsideandtheytryto refreshitasmuchaspossible (ie.ateveryamphitor https://developers.google.com /amp/cache/update-ping)
  31. 31. Toputitinperspective: AMP
  32. 32. Toputitinperspective: AMP Wemortals
  33. 33. Toputitinperspective: AMP Wemortals
  34. 34. Toputitinperspective: AMP Wemortals
  35. 35. Toolazy?
  36. 36. https://mercury.postlight.com/amp-converter/
  37. 37. Toogoodtobetrue? https://www.tunetheweb.com/blog/do-we-really-need-google-amp/
  38. 38. Worst-keptAMPsecret?
  39. 39. Ifyou’rethatgoodyou wontneedamp Checkhttps://www.filamentgroup.com/
  40. 40. Ingeneral...
  41. 41. AMPalonewon’tmake Yourwebsitefast
  42. 42. Itwillhelpyou solveproblemson therightlayer
  43. 43. “don’tintegratethingsontheclientside,just becausethatiseasier,whentheuserexperience wouldbebetterwithaserversideintegration.“ https://www.ampproject.org/learn/design-principles/
  44. 44. Ifyougetperformance right,AMPwillbeaneasy addon
  45. 45. Ifamp=hard: Performance=hard
  46. 46. Makethewebfaster.
  47. 47. Makethewebthinner.
  48. 48. Makemebuylessdata.
  49. 49. questions?
  50. 50. github.com/odino twitter.com/_odino_ odino.org VP Technology github.com/namshi twitter.com/TechNamshi tech.namshi.com

×