Why is my app is so slow?

We use cache)

How many times do you read an article? 

1

How fast is your Internet connection?

We load scripts

We forget about content)

Content is important

We solve our goals

1. Which framework to use (Angular 2 > 1Mb)
2. Bundle all scripts into one thing
3. Abscraction of abstraction of abstraction
4. New ES2015
5. All images + fonts + css

Apple News

https://developer.apple.com/library/ios/documentation/General/Conceptual/Apple_News_Format_Ref/index.html

https://developer.apple.com/library/ios/documentation/General/Conceptual/Apple_News_Format_Ref/Properties.html#//apple_ref/doc/uid/TP40015408-CH2-SW1

Facebook Instant articles for all

Facebook Instant articles for all

https://developers.facebook.com/docs/instant-articles/guides/articlecreate

https://instantarticles.fb.com/#interactivity

But there is one problem)))

iOS and Android apps

Google AMP

Accelerated Mobile Pages

https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md

What should you throw away?

1. All scripts
2. All css
3. All images

We just postpone execution of all this resources

All scripts go to amp-frame

All inline css

— Универсальный селектор * и :not()
— overflow: scroll, overflow: auto (нельзя делать скроллящиеся блоки)
— filter
— !important

img -> amp-img

What to add

1. amp script
2. amp inline css
3. amp elements

Questions?