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
48
這個時代人人都知道的敏捷開發.pdf
cypresskuo
0
55
Webassembly.pdf
cypresskuo
0
11
Other Decks in Technology
See All in Technology
Connect 100+を支える技術
kanyamaguc
0
190
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
140
赤煉瓦倉庫勉強会「Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記」
ivry_presentationmaterials
2
300
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
420
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
14k
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
220
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
0
210
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
130
ビギナーであり続ける/beginning
ikuodanaka
3
710
What’s new in Android development tools
yanzm
0
110
PO初心者が考えた ”POらしさ”
nb_rady
0
190
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.3k
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Building an army of robots
kneath
306
45k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
BBQ
matthewcrist
89
9.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
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 參參考資料
感謝聆聽