AMP_To_The_Future.pdf

Transcript

1. AMP TO THE FUTURE 2018.08.22 前端組 順柏 MODERN WEB 2018 心得分享
2. Open Web Developer Advocate at Google with focus on AMP Paul Bakaus 李維翰(Paul Li) The lead programmer of the AMP project at Yahoo Taiwan (Oath)
3. > 400 requests > 8 ads Real Page in PIXNET Blog > 7s load time 10+ beacons 3+ analytics libraries
4. Banners -> Popups -> Popunders -> Interstitials -> Auto-playing video -> …
5. Monetization User acquisition User Experience VS
6. If your site takes more than 3s to load, expect 53% of users to bounce. 20% of all Android page loads are abandoned. #io18
8. ⾏行行動通信業務(2G、3G、4G)客⼾戶統計數(107/07) 3G ⽤用⼾戶 3,769,205⼾戶 4G ⽤用⼾戶 25,176,115⼾戶 資料來來源 NCC
9. 1999 1.Create HTML markup 2.Add some CSS 3.Publish 2018 1. Create HTML markup 2. Add some CSS 3. Choose build tool 4. Add Babel 5. Add Webpack 6. Add generators of all sorts 7. Add React / Vue / Angular 8. Pay five CDNs to not get slash dotted 9. … 10.Publish
10. Solutions!
11. 1. Turn all devs into perf experts and
 make managers suddenly care about perf 2. Give up on the web 3. Restart the web and make it bullet proof
12. Fast is not good enough
14. A M P ccelerated obile ages
15. •Rich library of high level web components 
 •Fast path by default: Guard rails for the web 
 •Simple infrastructure: Free caching, JS dev outsourced 
 •Instant click experience with app-like UX 
 •Integrated and seamlessly upgradable to PWA
16. AMP’s Mission Provide a user-first format for content on the web. Performant
 Technology Optimized Delivery Open Collaboration
17. AMP for Email Interactive, dynamic email for everyone
19. AMP x PIXNET
20. AMP Story
21. https://www.ampproject.org/stories/
22. AMP Story x PIXNET
23. https://modernweb.tw https://www.ampproject.org https://www.youtube.com/watch?v=eAyrvHmJD_c https://medium.com/@vamseejasti/embedded-amp-acf396d10107 參參考資料
24. 感謝聆聽