{"id":9065,"date":"2020-01-27T11:06:35","date_gmt":"2020-01-27T10:06:35","guid":{"rendered":"https:\/\/2020.prague.wordcamp.org\/?p=9065"},"modified":"2020-01-27T11:15:03","modified_gmt":"2020-01-27T10:15:03","slug":"martin-michalek-bleskurychle-nacteni-webovych-stranek-na-mobilu-i-bez-rychleho-pripojeni-s-technologii-amp-to-neni-sci-fi","status":"publish","type":"post","link":"https:\/\/prague.wordcamp.org\/2020\/martin-michalek-bleskurychle-nacteni-webovych-stranek-na-mobilu-i-bez-rychleho-pripojeni-s-technologii-amp-to-neni-sci-fi\/","title":{"rendered":"Martin Mich\u00e1lek – Bleskurychl\u00e9 na\u010dten\u00ed webov\u00fdch str\u00e1nek na mobilu i bez rychl\u00e9ho p\u0159ipojen\u00ed? S technologi\u00ed AMP to nen\u00ed Sci-fi"},"content":{"rendered":"\n

Pro\u010d jsi se rozhodl pro WordCamp Praha?<\/h2>\n\n\n\n

Pozvali m\u011b. Kdokoliv m\u011b pozve mluvit o AMPu (Accelerated Mobile Pages), m\u00e1 \u0161t\u011bst\u00ed, proto\u017ee o n\u011bm mluv\u00edm moc r\u00e1d. \ud83d\ude42<\/p>\n\n\n\n

A taky m\u00e1m jako p\u0159edn\u00e1\u0161ej\u00edc\u00ed dobrou zku\u0161enost z WordCampu p\u0159ed lety, kdy\u017e jsem p\u0159edn\u00e1\u0161el o rychlosti web\u016f na WordPressu. Bylo to dob\u0159e zorganizovan\u00e9 a lid\u00e9 kladli zaj\u00edmav\u00e9 ot\u00e1zky.<\/p>\n\n\n\n\n\n\n\n

O \u010dem bude tv\u00e1 p\u0159edn\u00e1\u0161ka?<\/h2>\n\n\n\n

O implementaci AMPu ve WordPressu. Pro\u010d AMP cht\u00edt, na jak\u00e9 weby se to hod\u00ed a na co si d\u00e1t pozor p\u0159i \u201ezap\u00edn\u00e1n\u00ed\u201c v\u00fdstupu do AMP str\u00e1nek. <\/p>\n\n\n\n

Pro\u010d by lid\u00e9 m\u011bli p\u0159ij\u00edt?<\/h2>\n\n\n\n

Proto\u017ee jim AMP m\u016f\u017ee d\u00edky rychlosti na\u010dten\u00ed, kter\u00e1 t\u011b\u017eko hled\u00e1 konkurenci, pomoci s obchodn\u00edm v\u00fdkonem webu, tedy n\u011bjak\u00e9 pen\u00edze vyd\u011blat, a d\u00edky zefektivn\u011bn\u00ed pr\u00e1ce i n\u011bjak\u00e9 pen\u00edze u\u0161et\u0159it. <\/p>\n\n\n\n

Pro v\u00fdvoj\u00e1\u0159e, kte\u0159\u00ed AMP weby p\u00ed\u0161\u00ed, je tam je\u0161t\u011b jeden aspekt: je to p\u0159\u00edjemn\u00e9, snadno nau\u010diteln\u00e9 a \u017e\u00e1dn\u00fd spolupracovn\u00edk v\u00e1m rychlost webu nem\u016f\u017ee pokazit.<\/p>\n\n\n\n

Mohl bys n\u00e1m shrnout, jak\u00e9 jsou v\u00fdhody, \u010di nev\u00fdhody AMP technologie v dne\u0161n\u00ed dob\u011b?<\/h2>\n\n\n\n

Hlavn\u00ed v\u00fdhoda je v \u0159\u00e1dov\u011b rychlej\u0161\u00edm na\u010dten\u00ed a vykreslen\u00ed str\u00e1nky. Dal\u0161\u00ed benefit le\u017e\u00ed v HTML\/CSS\/JS frameworku, kter\u00fd pokr\u00fdv\u00e1 kompletn\u00ed tvorbu obsahov\u00fdch web\u016f a \u010d\u00e1ste\u010dn\u011b i e-shop\u016f a pr\u00e1ce s n\u00edm je p\u0159\u00edjemn\u00e1 i lidem mimo frontend. <\/p>\n\n\n\n

Hlavn\u00ed nev\u00fdhoda se li\u0161\u00ed od zp\u016fsobu nasazen\u00ed. Pokud o tom uva\u017eujete u\u017e na hotov\u00e9m webu, pravd\u011bpodobn\u011b budete nuceni udr\u017eovat dv\u011b r\u016fzn\u00e9 verze n\u011bkter\u00fdch str\u00e1nek. <\/p>\n\n\n\n

Jakmile se rozhodnete pro nasazen\u00ed na nov\u00e9m webu, kde m\u016f\u017eete vyu\u017e\u00edt pouze AMP, budete pravd\u011bpodobn\u011b muset za\u010d\u00edt uva\u017eovat dost jinak \u2013 v mantinelech, kter\u00e9 si tahle technologie p\u0159\u00edsn\u011b hl\u00edd\u00e1 \u2013 co\u017e se t\u00fdk\u00e1 v\u0161ech zainteresovan\u00fdch v tvorb\u011b webu.<\/p>\n\n\n\n

Google carousel v mobilech zv\u00fdhod\u0148uje weby postaven\u00e9 na AMP, jak se k tomu stav\u00ed ve\u0159ejnost?<\/strong><\/h2>\n\n\n\n

\u010c\u00e1sti je to jedno, \u010d\u00e1sti to velmi vad\u00ed. Dle m\u00e9ho se jedn\u00e1 o v\u011bc, kter\u00e1 AMP \u2013 jinak v\u00fdbornou technologii \u2013 zbyte\u010dn\u011b po\u0161kozuje. <\/p>\n\n\n\n

O AMP jsi napsal celou <\/strong>kn\u00ed\u017eku<\/a>, co byla nejv\u011bt\u0161\u00ed v\u00fdzva p\u0159i psan\u00ed tohoto t\u00e9matu?<\/h2>\n\n\n\n

Poprv\u00e9 jsme psali ve dvou lidech a poprv\u00e9 jsem m\u011bl editora. Tohle pro m\u011b bylo to nov\u00e9 a t\u011b\u017ek\u00e9.<\/p>\n\n\n\n

Kterou ot\u00e1zku u\u017e t\u011b nebav\u00ed neust\u00e1le dokola zodpov\u00eddat?<\/h2>\n\n\n\n

Tak tohle je opravdu t\u011b\u017ek\u00e1 ot\u00e1zka. Dal jsem tomu poctiv\u00fdch p\u011bt minut uva\u017eov\u00e1n\u00ed, ale bu\u010f jsem trp\u011bliv\u00fd, splachovac\u00ed nebo m\u00e1m prost\u011b jen kr\u00e1tkou pam\u011b\u0165. \u017d\u00e1dnou takovou ot\u00e1zku nezn\u00e1m.<\/p>\n\n\n\n

Kter\u00e1 kritika t\u011b v \u017eivot\u011b v\u00fdrazn\u011b posunula vp\u0159ed?<\/h2>\n\n\n\n

Nebyla to kritika, ale rozhodnut\u00ed. Padlo v roce 2000, kdy\u017e jsem se z mal\u00e9 severomoravsk\u00e9 vesnice rozhodl j\u00edt zkusit \u0161t\u011bst\u00ed v Praze.<\/p>\n\n\n\n

P\u0159i jak\u00e9 p\u0159\u00edle\u017eitosti jsi se naposled spont\u00e1nn\u011b a zcela bez studu p\u0159estal ovl\u00e1dat?<\/h2>\n\n\n\n

Skoro ka\u017ed\u00e9 r\u00e1no, kdy\u017e vypravujeme d\u011bti do \u0161koly. \ud83d\ude42 Ale v\u00e1\u017en\u011b \u2013 nep\u0159ejte vid\u011bt, co se mnou doma p\u0159i pr\u00e1ci d\u011bl\u00e1 dobr\u00e1 hudba. Mimochodem, vy\u0161lo album skv\u011bl\u00fdch remix\u016f<\/strong><\/a> soundtracku kultovn\u00ed \u010desk\u00e9 hry Machinarium. Na p\u0159edn\u00e1\u0161k\u00e1ch o AMP se ale zpravidla ovl\u00e1d\u00e1m.<\/p>\n\n\n\n

Koupit l\u00edstek a poslechnout si Martina na\u017eivo!<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

Pro\u010d jsi se rozhodl pro WordCamp Praha? Pozvali m\u011b. Kdokoliv m\u011b pozve mluvit o AMPu (Accelerated Mobile Pages), m\u00e1 \u0161t\u011bst\u00ed, proto\u017ee o n\u011bm mluv\u00edm moc r\u00e1d. \ud83d\ude42 A taky m\u00e1m jako p\u0159edn\u00e1\u0161ej\u00edc\u00ed dobrou zku\u0161enost z WordCampu p\u0159ed lety, kdy\u017e jsem p\u0159edn\u00e1\u0161el o rychlosti web\u016f na WordPressu. Bylo to dob\u0159e zorganizovan\u00e9 a lid\u00e9 kladli zaj\u00edmav\u00e9 ot\u00e1zky.<\/p>\n","protected":false},"author":9292185,"featured_media":9294,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-9065","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rozhovory"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/prague.wordcamp.org\/2020\/files\/2020\/01\/Martin-Mich%C3%A1lek-web2.jpg?fit=1200%2C630&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/posts\/9065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/users\/9292185"}],"replies":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/comments?post=9065"}],"version-history":[{"count":3,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/posts\/9065\/revisions"}],"predecessor-version":[{"id":9293,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/posts\/9065\/revisions\/9293"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/media\/9294"}],"wp:attachment":[{"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/media?parent=9065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/categories?post=9065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2020\/wp-json\/wp\/v2\/tags?post=9065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}