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
47
這個時代人人都知道的敏捷開發.pdf
cypresskuo
0
54
Webassembly.pdf
cypresskuo
0
11
Other Decks in Technology
See All in Technology
AI専用のリンターを作る #yumemi_patch
bengo4com
5
2.3k
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.2k
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
390
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
260
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
240
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
160
asken AI勉強会(Android)
tadashi_sato
0
150
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
2.7k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
400
Featured
See All Featured
Music & Morning Musume
bryan
46
6.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Code Reviewing Like a Champion
maltzj
524
40k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Building Adaptive Systems
keathley
43
2.6k
Six Lessons from altMBA
skipperchong
28
3.9k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Raft: Consensus for Rubyists
vanstee
140
7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
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 參參考資料
感謝聆聽