Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AMP_To_The_Future.pdf
Search
CypressKuo
August 23, 2018
Technology
0
26
AMP_To_The_Future.pdf
CypressKuo
August 23, 2018
Tweet
Share
More Decks by CypressKuo
See All by CypressKuo
Deep-copying.pdf
cypresskuo
0
28
CSS_for_Web_Vitals.pdf
cypresskuo
0
35
談談_Code_review.pdf
cypresskuo
0
41
REST_vs_GraphQL_今夜はご注文はどっち.pdf
cypresskuo
0
21
CSS_重構.pdf
cypresskuo
0
22
跟上_JS_的腳步-ES2020.pdf
cypresskuo
0
24
Core_Web_Vitals.pdf
cypresskuo
0
49
這個時代人人都知道的敏捷開發.pdf
cypresskuo
0
55
Webassembly.pdf
cypresskuo
0
11
Other Decks in Technology
See All in Technology
Introduction to Bill One Development Engineer
sansan33
PRO
0
260
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
500
AIでテストプロセス自動化に挑戦する
sakatakazunori
1
530
AWS 怖い話 WAF編 @fillz_noh #AWSStartup #AWSStartup_Kansai
fillznoh
0
130
Snowflake Intelligenceという名のAI Agentが切り開くデータ活用の未来とその実現に必要なこと@SnowVillage『Data Management #1 Summit 2025 Recap!!』
ryo_suzuki
1
160
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
670
全部AI、全員Cursor、ドキュメント駆動開発 〜DevinやGeminiも添えて〜
rinchsan
10
5.1k
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
kazeburo
1
590
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
tsukuha
1
380
助けて! XからWaylandに移行しないと新しいGNOMEが使えなくなっちゃう 2025-07-12
nobutomurata
2
200
推し書籍📚 / Books and a QA Engineer
ak1210
0
140
ClaudeCodeにキレない技術
gtnao
1
860
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
134
9.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Designing for Performance
lara
610
69k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Building Adaptive Systems
keathley
43
2.7k
Become a Pro
speakerdeck
PRO
29
5.4k
Designing Experiences People Love
moore
142
24k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Transcript
AMP TO THE FUTURE 2018.08.22 前端組 順柏 MODERN WEB 2018
心得分享
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)
> 400 requests > 8 ads Real Page in PIXNET
Blog > 7s load time 10+ beacons 3+ analytics libraries
Banners -> Popups -> Popunders -> Interstitials -> Auto-playing video
-> …
Monetization User acquisition User Experience VS
If your site takes more than 3s to load, expect
53% of users to bounce. 20% of all Android page loads are abandoned. #io18
None
⾏行行動通信業務(2G、3G、4G)客⼾戶統計數(107/07) 3G ⽤用⼾戶 3,769,205⼾戶 4G ⽤用⼾戶 25,176,115⼾戶 資料來來源 NCC
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
Solutions!
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
Fast is not good enough
None
A M P ccelerated obile ages
•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
AMP’s Mission Provide a user-first format for content on the
web. Performant Technology Optimized Delivery Open Collaboration
AMP for Email Interactive, dynamic email for everyone
None
AMP x PIXNET
AMP Story
https://www.ampproject.org/stories/
AMP Story x PIXNET
https://modernweb.tw https://www.ampproject.org https://www.youtube.com/watch?v=eAyrvHmJD_c https://medium.com/@vamseejasti/embedded-amp-acf396d10107 參參考資料
感謝聆聽