#jesień2015 pawlisiak.com pawlisiak AMP + WP błyskawiczny związek?
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
-
#jesie2015 pawlisiak.com pawlisiak
AMP + WPbyskawiczny zwizek?
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
ACCELERATEDMOBILEPAGES
by
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
ACCELERATEDMOBILE PAGES
Projekt pozwalajcy na byskawiczne wczytywanie prostych stron tekstowych, na urzdzeniach mobilnych.
https://www.ampproject.org/
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiakhttps://www.ampproject.org/
-
#jesie2015 pawlisiak.com pawlisiak
ACCELERATEDMOBILE PAGES
Kod pseudoHTML, okrojonyz funkcjonalnoci do minimum.
AMP nie wspiera JS*
AMP kocha CSS!
AMP wymusza stosowanie dobrych praktyk.
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
ACCELERATEDMOBILE PAGES
Lekka biblioteka JS, zawierajca ca magi, podstawowe komponenty i walidator.
https://github.com/ampproject/amphtml/tree/master/builtins
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/ampproject/amphtml/tree/master/builtins
-
#jesie2015 pawlisiak.com pawlisiak
body { opacity: 0 }body { opacity: 1 }
Hello World!
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
body { opacity: 0 }body { opacity: 1 }
Hello World!
OPCJONALNIE
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
body { opacity: 0 }body { opacity: 1 }
Hello World!
LINK DO PENEJ WERSJI ARTYKUU(NIE AMP HTML)
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
body { opacity: 0 }body { opacity: 1 }
Hello World!
STRONA NIE WYWIETLISI DOPKI BIBLIOTEKANIE ZOSTANIE WCZYTANAW CAOCI
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
body { opacity: 0 }body { opacity: 1 }
Hello World!
ZACIGAMY BIBLIOTEK AMP Z CDN
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
PO CO?Fajnie, ale
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
PO CO AMP?
58 procent uytkownikw wycza strony adujce si powyej 10 sekund.
HTML AMP zwiksza wydajno strony nawet o 85 procent.
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
PO CO AMP?
Strona jest IDEALNIE dostosowana do odwiedzania jej z urzdze mobilnych.
Jednoczenie rozwizania mobilne s PROSTE w implementacji.
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
PO CO AMP?
Dostosowanie FORMATW REKLAMOWYCH na responsywnych stronach jest problematyczne.
AMP HTML umoliwia wrzucenie reklamy za pomoc JEDNEGO TAGA.
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
KORZYCI?
MONETYZACJATRECI
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
CO WICEJ?
Dodatkowe komponenty AMP adowane z zewntrznych JS.
https://github.com/ampproject/amphtml/tree/master/extensions
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/ampproject/amphtml/tree/master/extensions
-
#jesie2015 pawlisiak.com pawlisiak
CO WICEJ?
Cachowanie mediw w chmurze Google.W przyszoci, opcjonalnie, rwnie w innych.
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
CO WICEJ?
Cachowanie mediw w chmurze Google.W przyszoci, opcjonalnie, rwnie w innych.
atwe debugowanie kodu AMP HTML.
https://github.com/ampproject/amphtml#the-amp-validator
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/ampproject/amphtml#the-amp-validator
-
#jesie2015 pawlisiak.com pawlisiak
AMP + WP
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
AMP + WP ?
WordPress.comzapowiedzia natywne wdroenie AMP
Oficjalny pluginAMP w wersji 0.1
https://wordpress.org/plugins/amp/
https://github.com/Automattic/amp-wphttps://vip.wordpress.com/2015/10/07/mobile-web/
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiakhttps://wordpress.org/plugins/amp/https://github.com/Automattic/amp-wphttps://vip.wordpress.com/2015/10/07/mobile-web/
-
#jesie2015 pawlisiak.com pawlisiak
AMP + WP !
PROJEKT_AWP
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
PROJEKT _AWPW C H W I L I O B E C N E J
Skrka do WordPressanapisana w AMP HTML.
Domylne tagi HTML zamieniane na AMP HTML.
Shortcode do wstawiania reklamy.
Bardzo wczesna faza projektu.
https://github.com/pawlisiak/_awp
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak/_awp
-
#jesie2015 pawlisiak.com pawlisiak
PROJEKT _AWPW P R Z Y S Z O C I
Projekt rozdzielony na skrk i wtyczki (do dodatkowych komponentw).
Personalizacja skrki.
Dodatkowa wtyczka do podmiany domylnej skrki na _awp (na telefonach).
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak
-
#jesie2015 pawlisiak.com pawlisiak
DOCZDO PROJEKTU
Projekt jest otwartyi chtnie yknie troch commitw!
https://github.com/pawlisiak/_awp
http://pawlisiak.com/http://pawlisiak.com/http://pawlisiak.com/https://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiakhttps://github.com/pawlisiak/_awp
AMP + WPACCELERATEDMOBILEPAGESACCELERATEDMOBILE PAGESACCELERATEDMOBILE PAGESACCELERATEDMOBILE PAGESSlajd numer 6Slajd numer 7Slajd numer 8Slajd numer 9Slajd numer 10PO CO?PO CO AMP?PO CO AMP?PO CO AMP?KORZYCI?CO WICEJ?CO WICEJ?CO WICEJ?AMP + WPAMP + WP ?AMP + WP !PROJEKT _AWPW CHWILI OBECNEJPROJEKT _AWPW PRZYSZOCIDOCZDO PROJEKTUDZIKI
Related Documents
