webcamp2016:front-end_Андрей Копёнкин_Оптимизируем мобильный...
TRANSCRIPT
http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/
USA market
https://www.comscore.com/fre/Insights/Blog/Number-of-Mobile-Only-Internet-Users-Now-Exceeds-Desktop-Only-in-the-U.S
!
47% 2
40% 3
1 7%
https://blog.kissmetrics.com/loading-time/
AMP
:
AMP HTML
AMP JS
Google AMP Cache
AMP HTML
etc...
AMP JS
Google AMP Cache
CDN
https://cdn.ampproject.org/c/s/website.com/amp_document.html
?
10
1.
2.
3. AMP
4. CSS 50 KB
5.
6.
7. GPU-accelerated
8.
9.
10. JAVASCRIPT!
!
amp-carousel
amp-sidebar
amp-accordion
etc...
JavaScript
JavaScript
AdSense
MicroAd
YahooJP
OpenX
AdReactor
?
Google Analytics
Adobe Analytics
AT Internet
ChartBeat
comScore
Parsely
Segment
Yandex
?
?
( AMP )
,
. .
HTML
?
@import
amp-*
* :not()
!important
filter
CSS
E-commerce
Google Search
Browser Developer Console
Web Interface
Chrome and Opera extension
#development=1 URL
Validation on fire
3.5 1.2
23% 7
1000 AMP HTML
https://developers.google.com/web/showcase/2016/wapo
AMP Landing Pages
https://www.ampproject.org/ - AMP Project Website
https://amphtml.wordpress.com/ - AMP Blog
https://ampbyexample.com/- Malte Ubl
https://www.youtube.com/watch?v=a5X_Ot-R6lo - Alex Russell, AMP + Progressive Web Apps: Start fast, stay engaged
!
?