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
- Which framework to use (Angular 2 > 1Mb)
- Bundle all scripts into one thing
- Abscraction of abstraction of abstraction
- New ES2015
- 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?
- All scripts
- All css
- 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
- amp script
- amp inline css
- amp elements
