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
27
AMP_To_The_Future.pdf
CypressKuo
August 23, 2018
Tweet
Share
More Decks by CypressKuo
See All by CypressKuo
Deep-copying.pdf
cypresskuo
0
30
CSS_for_Web_Vitals.pdf
cypresskuo
0
35
談談_Code_review.pdf
cypresskuo
0
42
REST_vs_GraphQL_今夜はご注文はどっち.pdf
cypresskuo
0
21
CSS_重構.pdf
cypresskuo
0
23
跟上_JS_的腳步-ES2020.pdf
cypresskuo
0
26
Core_Web_Vitals.pdf
cypresskuo
0
51
這個時代人人都知道的敏捷開發.pdf
cypresskuo
0
55
Webassembly.pdf
cypresskuo
0
11
Other Decks in Technology
See All in Technology
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.9k
Node.js 2025: What's new and what's next
ruyadorno
0
120
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
200
『OCI で学ぶクラウドネイティブ 実践 × 理論ガイド』 書籍概要
oracle4engineer
PRO
3
210
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
lehupa
0
160
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
2.9k
プレーリーカードを活用しよう❗❗デジタル名刺交換からはじまるイベント会場交流のススメ
tsukaman
0
120
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
2
870
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
690
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
カンファレンスに託児サポートがあるということ / Having Childcare Support at Conferences
nobu09
1
540
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
9
4.5k
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Thoughts on Productivity
jonyablonski
70
4.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A Modern Web Designer's Workflow
chriscoyier
697
190k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
20
1.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
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 參參考資料
感謝聆聽