ACCELERATED MOBILEPAGES

(WERSJA OKROJONA - TU CAŁOŚĆ:HTTPS://GITHUB.COM/ARTPI/SLIDES-AMP

Cognitive Engineer @ WordPress.com

Artur Piszek

CO TO AMP?

JAK TO DZIAŁA?1. Ktoś wysyła Ci link do artykułu2. Czy to AMPhtml ?3. Google / serwis cache'uje4. Wysyła do appki na telefonie5. Appka na telefonie prerenderuje6. Klikasz link7. Widzisz od razu treść

JUŻ DZIAŁAPodzbiór języka HTML

Zaprojektowany dla cache i proxy

AMP HTML jest obsługiwany przez każdą przeglądarkę

BŁYSKAWICZNYZoptymalizowany pod pre-rendering

Obrazki inline przed foldem

Łatwo cache'owalny

ZABRONIONEJavascript

Form / input

Frame

Object

Applet

Embed

ZASOBYimg AMP-img

video AMP-video

audio AMP-audio

iframe AMP-iframe

DODATKICSS - jak najbardziej

Piksele ze statystykami

Element AMP-ad

PAYWALLW trakcie implementacji

ALE JA NIE CHCĘ REZYGNOWAĆ Z[APPLET]

<link rel="amphtml" href="http://twoja-wersja-amp">

KTO ZA TYM STOIGoogle

LinkedIn

Pinterest

Twitter

WordPress.com

...

POKA POKA !

HTML5 AMP HTML

go.piszek.com/amp-guardian-r

go.piszek.com/amp-guardian-amp

HTML5 AMP HTML

go.piszek.com/amp-bbc-r go.piszek.com/amp-bbc-amp

HTML5 AMP HTML

go.piszek.com/amp-wp-r go.piszek.com/amp-wp-amp

ALE SUPER!CHCĘ TO W 25% INTERNETU!

(CONAJMNIEJ)

WORDPRESS25.2% Internetu

WP.com: 173,730,430 odsłon dziennie

READER

OPEN SOURCEhttps://github.com/Automattic/amp-wp

INNE PROJEKTY

FACEBOOK INSTANT ARTICLES

APPLE NEWS FORMAT?

GITHUB.COM/ARTPI/SLIDES-AMP