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
22
AMP_To_The_Future.pdf
CypressKuo
August 23, 2018
Tweet
Share
More Decks by CypressKuo
See All by CypressKuo
Deep-copying.pdf
cypresskuo
0
16
CSS_for_Web_Vitals.pdf
cypresskuo
0
20
談談_Code_review.pdf
cypresskuo
0
25
REST_vs_GraphQL_今夜はご注文はどっち.pdf
cypresskuo
0
5
CSS_重構.pdf
cypresskuo
0
15
跟上_JS_的腳步-ES2020.pdf
cypresskuo
0
22
Core_Web_Vitals.pdf
cypresskuo
0
30
這個時代人人都知道的敏捷開發.pdf
cypresskuo
0
36
Webassembly.pdf
cypresskuo
0
4
Other Decks in Technology
See All in Technology
AWS学習者向けにAzureの解説スライドを作成した話
handy
3
190
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
280
R3のコードから見る実践LINQ実装最適化・コンカレントプログラミング実例
neuecc
3
2.2k
The AI Revolution Will Not Be Monopolized: Behind the scenes
inesmontani
PRO
1
160
競技としてのKaggle、役に立つKaggle
yu4u
6
2.3k
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
3
620
ルーターでプレゼンする
puhitaku
1
3.2k
チームでロジカルシンキングに改めて向き合っている話 〜学習環境と実践⽅法〜
sansantech
PRO
3
3.2k
One engineer company with Ruby on Rails
rstankov
2
420
Cracking the KubeCon CfP
inductor
2
270
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
4
880
Android Target SDK 35 (Android 15) 対応の概要
akkie76
0
150
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Design by the Numbers
sachag
274
18k
The Language of Interfaces
destraynor
151
23k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Into the Great Unknown - MozCon
thekraken
14
1k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
19
6.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
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 參參考資料
感謝聆聽