Weby budoucnosti s AMP

A presentation at TopMonks Caffè in December 2020 in by Robin Pokorny

Slide 1

Slide 1

Weby budoucnosti s AMP Jak AMP z roku 2015 ovlivnil rok 2020 TopMonks Caffè 2020-12-01 @robinpokorny

Slide 2

Slide 2

AMP —> 2020 Superrychlé přednačtení Výkonné obrázky

Slide 3

Slide 3

https://www.gatsbyjs.com/docs/gatsby-link/

Slide 4

Slide 4

https://github.com/turbolinks/turbolinks

Slide 5

Slide 5

Cross-origin Problémy přednačtení Soukromí Bezpečnost

Slide 6

Slide 6

https://www.vzhurudolu.cz/prirucka/amp

Slide 7

Slide 7

https://developers.google.com/search/docs/guides/about-amp

Slide 8

Slide 8

Web packages Web Bundles Signed exchanges (SXG) Nový fetch()

Slide 9

Slide 9

Web packages Web Bundles HTTP req + res v ZIPu IETF Signed exchanges (SXG) Nový fetch() https://wicg.github.io/webpackage/draft-yasskin-wpack-bundled-exchanges.html

Slide 10

Slide 10

Web packages Signed exchanges (SXG) Vyžaduje speciální certifikát Pro prohlížeč jako z cache Plynule k PWA Web Bundles Nový fetch() https://wicg.github.io/webpackage/draft-yasskin-http-origin-signed-responses.html

Slide 11

Slide 11

Web packages Nový fetch() Nejdříve balíček, pak internet Web Bundles Signed exchanges (SXG) https://wicg.github.io/webpackage/loading.html

Slide 12

Slide 12

Největší změna od Web Workers Absolutní decetralizace

Slide 13

Slide 13

Co s tím? • Offline prohlížení • Offline instalace • Přednačtení se soukromím • Obcházení cenzury • CDN bez sdílení TLS

Slide 14

Slide 14

Slide 15

Slide 15

Výkonné obrázky Známá velikost Lazy loading

Slide 16

Slide 16

https://nextjs.org/blog/next-10

Slide 17

Slide 17

@robinpokorny