{"id":2184,"date":"2019-04-04T07:22:52","date_gmt":"2019-04-04T06:22:52","guid":{"rendered":"https:\/\/auroracreation.pl\/blog\/?p=2184"},"modified":"2020-01-02T09:20:33","modified_gmt":"2020-01-02T08:20:33","slug":"progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec","status":"publish","type":"post","link":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/","title":{"rendered":"Progressive Web Apps (PWA) w Magento &#8211; wszystko, co powiniene\u015b wiedzie\u0107"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p>Odk&#261;d w roku 2015 projektant Frances Berriman oraz in&#380;ynier Alex Russel ukuli termin PWA (progressive web apps), szum wok&oacute;&#322; tego poj&#281;cia jedynie ro&#347;nie. Dzi&#281;ki temu rozwi&#261;zaniu zaciera si&#281; granica mi&#281;dzy aplikacjami natywnymi a stronami wy&#347;wietlanymi na mobile. Wiele firm zacz&#281;&#322;o dostrzega&#263; <strong>pozytywne efekty korzystania z aplikacji PWA<\/strong>. Nadesz&#322;a pora, aby z takich korzy&#347;ci odnie&#347;li po&#380;ytek tak&#380;e sprzedawcy internetowi.<\/p>\n\n\n\n<p>Artyku&#322; ten wyja&#347;nia, czym jest PWA oraz dlaczego warto zaimplementowa&#263; to rozwi&#261;zanie dla swojego sklepu Magento.<br><\/p>\n\n\n\n<h2><strong>Czym jest PWA?<\/strong><\/h2>\n\n\n\n<p>PWA to najpro&#347;ciej rzecz ujmuj&#261;c aplikacja webowa, kt&oacute;ra &#322;aduje si&#281; jak zwyk&#322;a strona internetowa, ale jednocze&#347;nie pozwala korzysta&#263; z funkcji typowych dla aplikacji mobilnych. U&#380;ytkownik ma do niej dost&#281;p z poziomu przegl&#261;darki internetowej, wi&#281;c nie musi pobiera&#263; osobnej aplikacji na swoje urz&#261;dzenie. Takie rozwi&#261;zanie oferuje poszerzone mo&#380;liwo&#347;ci analityki oraz tworzenia wyj&#261;tkowego user experience. Jednymi z wi&#281;kszych zalet takiego rozwi&#261;zania s&#261;: szybszy czas &#322;adowania, wi&#281;ksze zaanga&#380;owanie u&#380;ytkownika oraz brak konieczno&#347;ci tworzenia osobnych aplikacji na poszczeg&oacute;lne systemy.<\/p>\n\n\n\n<p>Samo znaczenie skr&oacute;tu mo&#380;na przedstawi&#263; nast&#281;puj&#261;co:<\/p>\n\n\n\n<ul><li><strong>Progressive<\/strong> &ndash; bo korzysta z rozwi&#261;zania <em>lazy loading. <\/em>Polega to na tym, &#380;e wybrane elementy strony (jak zdj&#281;cia) &#322;aduj&#261; si&#281; dopiero w momencie, gdy u&#380;ytkownik strony przewinie do ich miejsca.<\/li><li><strong>Web<\/strong> &ndash; gdy&#380; strony PWA s&#261; pisane w j&#281;zykach typowych dla Internetu jak HTML, CSS oraz JavaScript.<\/li><li><strong>App<\/strong> &ndash; bo kod stron PWA dzia&#322;a na urz&#261;dzeniach mobilnych. <\/li><\/ul>\n\n\n\n<h2><strong>4 najwa&#380;niejsze cechy PWA<\/strong><\/h2>\n\n\n\n<p>PWA ma wiele kluczowych element&oacute;w, kt&oacute;re rozr&oacute;&#380;niaj&#261; to rozwi&#261;zanie od tradycyjnych stron internetowych oraz aplikacji natywnych.<\/p>\n\n\n\n<ol><li><strong>Pe&#322;na responsywno&#347;&#263; oraz kompatybilno&#347;&#263; na wielu przegl&#261;darkach<\/strong><\/li><\/ol>\n\n\n\n<p>PWA korzysta z zasad <em>progresywnego ulepszania. <\/em>Dzi&#281;ki temu podstawowe funkcjonalno&#347;ci oraz zawarto&#347;&#263; stron jest dost&#281;pna dla ka&#380;dego bez wzgl&#281;du na to, z jakiej przegl&#261;darki korzysta. <strong>Strony PWA dzia&#322;aj&#261; zatem na wszystkich popularnych przegl&#261;darkach<\/strong> i s&#261; w pe&#322;ni responsywne na ka&#380;dym typie urz&#261;dzenia. iOS od wersji 11,3 tak&#380;e posiada wsparcie dla PWA. Brakuje jedynie powiadomie&#324; push czy te&#380; integracji z Siri.<br><\/p>\n\n\n\n<ol start=\"2\"><li><strong>Szybko&#347;&#263; i bezpiecze&#324;stwo<\/strong><\/li><\/ol>\n\n\n\n<p>Strony PWA s&#261; budowane z wykorzystaniem wielu technik optymalizacji, dzi&#281;ki czemu dzia&#322;aj&#261; niezwykle szybko. Opr&oacute;cz tego wszystkie aplikacje tego typu s&#261; obs&#322;ugiwane przez HTTPS, co zapewnia <strong>odpowiedni poziom bezpiecze&#324;stwa.<\/strong><\/p>\n\n\n\n<ol start=\"3\"><li><strong>Powiadomienia typu push<\/strong><\/li><\/ol>\n\n\n\n<p>PWA pozwala na korzystanie z powiadomie&#324; push. Z punktu widzenia sprzeda&#380;y w Internecie s&#261; one bardzo korzystne. Pozwalaj&#261; informowa&#263; o aktualnych ofertach, &#347;ledzi&#263; zachowania klient&oacute;w, u&#322;atwia&#263; &#347;cie&#380;k&#281; zakupow&#261; czy te&#380; przeprowadza&#263; retargeting. <\/p>\n\n\n\n<ol start=\"4\"><li><strong>&#321;atwy dost&#281;p<\/strong><\/li><\/ol>\n\n\n\n<p>Aby korzysta&#263; ze strony stworzonej dzi&#281;ki PWA, nie trzeba pobiera&#263; konkretnej aplikacji ze sklepu. Sam&#261; aplikacj&#261; mo&#380;na podzieli&#263; si&#281; przez link, odwiedzi&#263; stron&#281; docelow&#261; w przegl&#261;darce i zapisa&#263; j&#261; w ulubionych lub utworzy&#263; do niej skr&oacute;t umieszczany na ekranie g&#322;&oacute;wnym.<br><\/p>\n\n\n\n<h2><strong>5 korzy&#347;ci wynikaj&#261;cych z korzystania z PWA<\/strong><\/h2>\n\n\n\n<p><strong>Korzy&#347;ci dla w&#322;a&#347;cicieli sklep&oacute;w:<\/strong><\/p>\n\n\n\n<ol><li><strong>Oszcz&#281;dno&#347;&#263; koszt&oacute;w<\/strong><\/li><\/ol>\n\n\n\n<p>Progressive Web Aps korzystaj&#261; w procesie tworzenia z <em>web stack&oacute;w, <\/em>czyli<em> <\/em>narz&#281;dzi i rozwi&#261;za&#324; przeznaczonych do tworzenia stron internetowych. Efektem tego jest oszcz&#281;dno&#347;&#263; koszt&oacute;w oraz wi&#281;ksza efektywno&#347;&#263;. Opr&oacute;cz tego same <strong>aplikacje dzia&#322;aj&#261; zar&oacute;wno na urz&#261;dzeniach iOS, jak i Android<\/strong>. Dzi&#281;ki temu nie trzeba inwestowa&#263; &#347;rodk&oacute;w na tworzenie osobnych aplikacji na r&oacute;&#380;ne platformy.<\/p>\n\n\n\n<ol start=\"2\"><li><strong>Oszcz&#281;dno&#347;&#263; czasu<\/strong><\/li><\/ol>\n\n\n\n<p>Wspomniane dzia&#322;anie aplikacji na r&oacute;&#380;nych typach urz&#261;dze&#324; oszcz&#281;dza tak&#380;e czas. Nie trzeba tworzy&#263; kolejnej wersji aplikacji, aby dotrze&#263; na nowy rynek.<\/p>\n\n\n\n<p><strong>Korzy&#347;ci dla u&#380;ytkownik&oacute;w:<\/strong><\/p>\n\n\n\n<ol start=\"3\"><li><strong>Niskie zu&#380;ycie danych<\/strong><\/li><\/ol>\n\n\n\n<p>W por&oacute;wnaniu do aplikacji natywnych <strong>PWA ma bardzo ma&#322;e zu&#380;ycie danych<\/strong>. Dzi&#281;ki temu taka strona mo&#380;e dzia&#322;a&#263; efektywnie nawet wtedy, kiedy u&#380;ytkownik ma s&#322;abe &#322;&#261;cze internetowe.<\/p>\n\n\n\n<ol start=\"4\"><li><strong>Brak potrzeby aktualizacji<\/strong><\/li><\/ol>\n\n\n\n<p>Strona zbudowana dzi&#281;ki PWA jest ci&#261;gle aktualna &ndash; u&#380;ytkownicy nie musz&#261; pobiera&#263; aktualizacji, aby skorzysta&#263; z nowych funkcji albo doczeka&#263; si&#281; dzia&#322;ania patchu. Rozwi&#261;zuje to tak&#380;e problem fragmentacji oprogramowania, gdy&#380; nie musisz utrzymywa&#263; starszych wersji aplikacji.<\/p>\n\n\n\n<ol start=\"5\"><li><strong>Szybkie &#322;adowanie<\/strong><\/li><\/ol>\n\n\n\n<p>&#321;adowanie si&#281; stron PWA jest 2-3 razy szybsze ni&#380; przeci&#281;tnych responsywnych stron. <br><\/p>\n\n\n\n<h2><strong>PWA rozwi&#261;zuje jednocze&#347;nie dwa problemy <\/strong><\/h2>\n\n\n\n<p>Jak pokazuje badanie przeprowadzone przez <a href=\"https:\/\/nrf.com\/resources\/state-retailing-online\">Forrester oraz National Retail Federation<\/a>, konwersja na aplikacjach natywnych wynosi <strong>6%<\/strong>. Na stronach wy&#347;wietlanych na komputerach osobistych plasuje si&#281; ona na poziomie <strong>4,2%<\/strong>. Najgorszy wynik osi&#261;gn&#281;&#322;y mobilne wersje stron sklep&oacute;w internetowych &ndash; <strong>2,3%<\/strong>.<\/p>\n\n\n\n<p>Jaki z tego wniosek? Wysokiej jako&#347;ci aplikacje natywne (na przyk&#322;ad taka, z jakiej korzysta &nbsp;Amazon.com) daj&#261; wspania&#322;e rezultaty. Zapewniaj&#261; wygod&#281; zakup&oacute;w, a samo user experience jest lepsze ni&#380; w przypadku tradycyjnego desktopu. <\/p>\n\n\n\n<p>Problem tkwi w tym, &#380;e <strong>stworzenie aplikacji natywnej jest bardzo drogie<\/strong>. Po drugie, tak&#261; aplikacj&#281; pobieraj&#261; jedynie u&#380;ytkownicy, kt&oacute;rzy <strong>maj&#261; ju&#380; zaufanie do marki<\/strong> i s&#261; gotowi na regularn&#261; interakcj&#281; z ni&#261;. Rozwi&#261;zanie to jest zatem dobre dla wielkich przedsi&#281;biorstw z du&#380;ymi bud&#380;etami na rozwijanie rozwi&#261;za&#324; mobile lub z liczn&#261; baz&#261; klient&oacute;w. Dla przeci&#281;tnego sprzedawcy tworzenie aplikacji natywnej mo&#380;e nie mie&#263; sensu z biznesowego punktu widzenia.<\/p>\n\n\n\n<p>I w&#322;a&#347;nie tutaj w gr&#281; wchodzi PWA. Oferuje ono user experience typowe dla aplikacji do pobrania, jednak korzysta w tym celu z technologii web developmentu. Jest to &#347;wietne rozwi&#261;zanie dla sprzedawc&oacute;w, kt&oacute;rzy notuj&#261; coraz wi&#281;kszy ruch na urz&#261;dzeniach mobilnych. PWA rozwi&#261;zuje dwa problemy:<\/p>\n\n\n\n<ol><li>Oferuje zwi&#281;kszon&#261; wydajno&#347;&#263; oraz user experience, co przek&#322;ada si&#281; na wi&#281;ksz&#261; konwersj&#281; u&#380;ytkownik&oacute;w na urz&#261;dzeniach mobilnych.<\/li><li>Usuwa konieczno&#347;&#263; tworzenia drogiej aplikacji natywnej.<\/li><\/ol>\n\n\n\n<p>PWA wychodzi naprzeciw kolejnemu zjawisku:<\/p>\n\n\n\n<h2><strong>Jak wiele nowych aplikacji mobilnych instaluje u&#380;ytkownik ka&#380;dego miesi&#261;ca?<\/strong><\/h2>\n\n\n\n<p>Badanie przeprowadzone przez <a href=\"https:\/\/www.aaaa.org\/wp-content\/uploads\/2016\/11\/comScore-State-of-the-U.S.-mobile-market-2016-11-02.pdf\">Comscore<\/a> pokaza&#322;o, &#380;e <strong>miesi&#281;cznie niemal po&#322;owa u&#380;ytkownik&oacute;w nie pobiera &#380;adnej aplikacji<\/strong>. Jedynie 8% pobiera przynajmniej 3 nowe aplikacje. Widocznie u&#380;ytkownicy nie maj&#261; takiej potrzeby &ndash; badanie wykaza&#322;o tak&#380;e, &#380;e <strong>90% ca&#322;ego czasu sp&#281;dzonego na aplikacjach mobilnych przypada jedynie na 5 ulubionych z nich. <\/strong><\/p>\n\n\n\n<p>Ten trend jest podobny zar&oacute;wno na Androidzie, jak i iOS. Obejmuje wszystkie grupy demograficzne. U&#380;ytkownicy widocznie nie lubi&#261; lub nie maj&#261; potrzeby pobiera&#263; nowych aplikacji i wystarcz&#261; im praktycznie te, kt&oacute;re ju&#380; maj&#261;.<\/p>\n\n\n\n<p>Jaki z tego wniosek? Aplikacja mobilna niew&#261;tpliwie przynosi du&#380;e korzy&#347;ci z punktu widzenia konwersji oraz user experience. Jednak doprowadzenie do jej pobrania to bardzo wymagaj&#261;ce zadanie, kt&oacute;re b&#281;dzie zapewne coraz trudniejsze.<\/p>\n\n\n\n<p>Przeci&#281;tny u&#380;ytkownik na pewno odwiedza &#347;rednio znacznie wi&#281;cej stron internetowych, ni&#380; pobiera nowych aplikacji. Dlatego najlepiej po&#322;&#261;czy&#263; ten fakt z korzy&#347;ciami, jakie daj&#261; aplikacje natywne. Odpowied&#378;? PWA.<\/p>\n\n\n\n<p>Jednym z wi&#281;kszych wyzwa&#324; dla ka&#380;dego oprogramowania jest tak&#380;e jego dystrybucja. PWA nie ma z tym problemu, gdy&#380; po prostu dzia&#322;a. Ka&#380;dy u&#380;ytkownik mobilny skierowany na Twoj&#261; stron&#281; mo&#380;e odnie&#347;&#263; z tej technologii po&#380;ytek.<\/p>\n\n\n\n<h2><strong>PWA w akcji &ndash; konkretne przypadki, w kt&oacute;rych zastosowanie PWA przynios&#322;o korzy&#347;ci<\/strong><\/h2>\n\n\n\n<p>Przyjrzyjmy si&#281; przyk&#322;adom, w kt&oacute;rych wi&#281;ksze i mniejsze przedsi&#281;biorstwa zainwestowa&#322;y w PWA i odnios&#322;y z tego wiele korzy&#347;ci:<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/rivieramaya.grandvelas.com\">Grand Velas Riviera Maya<\/a><\/li><\/ul>\n\n\n\n<p>Dzi&#281;ki PWA resort zwi&#281;kszy&#322; konwersje na Black Friday o <a href=\"https:\/\/blog.milestoneinternet.com\/industry-news\/milestone-boosts-website-conversions-by-53-with-progressive-web-apps-pwa\/\"><strong>53%<\/strong><\/a>.<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/www.trivago.pl\">Trivago<\/a><\/li><\/ul>\n\n\n\n<p>Popularna por&oacute;wnywarka hoteli po wprowadzeniu PWA zanotowa&#322;a <strong>wzrost w zaanga&#380;owaniu u&#380;ytkownik&oacute;w o <\/strong><a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/en-gb\/consumer-insights\/trivago-embrace-progressive-web-apps-as-the-future-of-mobile\/\"><strong>150%<\/strong><\/a><strong> oraz o 97% wi&#281;cej klikni&#281;&#263;<\/strong> kieruj&#261;cych do ofert hoteli.<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/www.forbes.com\/#6f5913e02254\">Forbes<\/a><\/li><\/ul>\n\n\n\n<p>Strona internetowa znanego magazynu wykonana dzi&#281;ki PWA &#322;aduje si&#281; w <a href=\"https:\/\/digiday.com\/media\/new-mobile-site-forbes-boosted-impressions-per-session-10-percent\/\"><strong>2,5<\/strong><\/a><strong> sekundy<\/strong>. Starsza wersja potrzebowa&#322;a na to a&#380; <strong>6,5 sekundy<\/strong>.<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/pl.pinterest.com\">Pinterest<\/a><\/li><\/ul>\n\n\n\n<p>3 miesi&#261;ce po tym, jak Pinterest zmodernizowa&#322; swoj&#261; stron&#281;, u&#380;ywaj&#261;c do tego technologii PWA, zanotowa&#322; on niesamowite rezultaty. Odwiedzaj&#261;cy zwykli czeka&#263; <a href=\"https:\/\/medium.com\/dev-channel\/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154\"><strong>23<\/strong><\/a><strong> sekundy<\/strong>, zanim elementy user interface zacz&#281;&#322;y w pe&#322;ni dzia&#322;a&#263;. Teraz zajmuje to <strong>jedynie 5,6 sekundy<\/strong>. Opr&oacute;cz tego uda&#322;o si&#281; zredukowa&#263; ilo&#347;&#263; pobieranych tre&#347;ci, kt&oacute;re nie by&#322;y w danym momencie potrzebne u&#380;ytkownikowi <strong>o 90%.<\/strong><\/p>\n\n\n\n<ul><li><a href=\"https:\/\/in.bookmyshow.com\">BookMyShow<\/a><\/li><\/ul>\n\n\n\n<p>Wersja PWA BookMyShow jest <a href=\"https:\/\/developers.google.com\/web\/showcase\/2017\/bookmyshow\"><strong>54 razy mniejsza<\/strong><\/a> ni&#380; aplikacja na Androida i <strong>180 razy mniejsza ni&#380;<\/strong> wersja na iOS.<\/p>\n\n\n\n<h2><strong>&#379;eby nie by&#322;o tak r&oacute;&#380;owo<\/strong><\/h2>\n\n\n\n<p>Jak wykazuje ten artyku&#322;, z PWA zwi&#261;zane jest mn&oacute;stwo korzy&#347;ci. Trzeba jednak wspomnie&#263; tak&#380;e o kilku wadach, kt&oacute;re nale&#380;y wzi&#261;&#263; realistycznie pod uwag&#281;. Po pierwsze PWA jest stosunkowo nowym rozwi&#261;zaniem samo w sobie, a zw&#322;aszcza w przypadku Magento. Efektem tego s&#261; du&#380;e koszty wdro&#380;enia. Ceny rosn&#261; zw&#322;aszcza podczas tworzenia dedykowanych rozwi&#261;za&#324;.<\/p>\n\n\n\n<p>PWA ma tak&#380;e ograniczone mo&#380;liwo&#347;ci korzystania z niekt&oacute;rych funkcjonalno&#347;ci telefonu jak skaner linii papilarnych.<\/p>\n\n\n\n<p>Wdro&#380;enie PWA to tak&#380;e przedsi&#281;wzi&#281;cie d&#322;ugoterminowe i odpowiedzialne. Celem jest stworzenie aplikacji, kt&oacute;ra b&#281;dzie dzia&#322;a&#322;a na wielu systemach operacyjnych i przegl&#261;darkach. Konieczne s&#261; tak&#380;e przysz&#322;e modernizacje. Pocz&#261;tkowy koszt wymaga zatem stworzenia ca&#322;ego fundamentu pod nowoczesne rozwi&#261;zanie, a tak&#380;e jego dalszy rozw&oacute;j.<br><\/p>\n\n\n\n<h2>Podsumowanie<\/h2>\n\n\n\n<p>Obecnie dostrzegamy trend, gdzie nowi u&#380;ytkownicy nie s&#261; ch&#281;tni do pobierania nowych aplikacji. Z drugiej strony oczekuj&#261; coraz lepszego user experience, kt&oacute;re zwykle da&#263; mo&#380;e jedynie dobra aplikacja natywna.<\/p>\n\n\n\n<p>Zainwestowanie w wersj&#281; PWA swojego sklepu Magento jest zatem jedn&#261; z lepszych decyzji, jak&#261; mo&#380;esz podj&#261;&#263; z d&#322;ugoterminowej perspektywy. Technologia oferuje nie tylko &#347;wietne korzy&#347;ci ju&#380; na starcie, ale jest jednocze&#347;nie przyst&#281;pna w implementacji i oszcz&#281;dna.<br><\/p>\n\n\n\n<p><\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Odk\u0105d w roku 2015 projektant Frances Berriman oraz in\u017cynier Alex Russel ukuli termin PWA (progressive web apps), szum wok\u00f3\u0142 tego poj\u0119cia jedynie ro\u015bnie. Dzi\u0119ki temu rozwi\u0105zaniu zaciera si\u0119 granica mi\u0119dzy aplikacjami natywnymi a stronami wy\u015bwietlanymi na mobile. Wiele firm zacz\u0119\u0142o dostrzega\u0107 pozytywne efekty korzystania z aplikacji PWA. Nadesz\u0142a pora, aby z takich korzy\u015bci odnie\u015bli po\u017cytek tak\u017ce sprzedawcy internetowi.\t\t\t\t&#8230;<\/p>\n","protected":false},"author":2,"featured_media":2596,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,31],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.7.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progressive Web Apps (PWA) w Magento - wszystko, co powiniene\u015b wiedzie\u0107 - Blog Aurora Creation<\/title>\n<meta name=\"description\" content=\"Czy PWA to przysz\u0142o\u015bc? Artyku\u0142 ten wyja\u015bnia, czym jest PWA oraz dlaczego warto zaimplementowa\u0107 to rozwi\u0105zanie dla swojego sklepu Magento.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps (PWA) w Magento - wszystko, co powiniene\u015b wiedzie\u0107 - Blog Aurora Creation\" \/>\n<meta property=\"og:description\" content=\"Czy PWA to przysz\u0142o\u015bc? Artyku\u0142 ten wyja\u015bnia, czym jest PWA oraz dlaczego warto zaimplementowa\u0107 to rozwi\u0105zanie dla swojego sklepu Magento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/\" \/>\n<meta property=\"og:site_name\" content=\"Aurora Creation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/auroracreation\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-04T06:22:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-02T08:20:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/auroracreation.pl\/blog\/wp-content\/uploads\/2019\/04\/PWA.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"771\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Maciej Kosierkiewicz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maciej Kosierkiewicz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/\"},\"author\":{\"name\":\"Maciej Kosierkiewicz\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/#\/schema\/person\/8328db7392330267eb2b6f17fbc032f6\"},\"headline\":\"Progressive Web Apps (PWA) w Magento &#8211; wszystko, co powiniene\u015b wiedzie\u0107\",\"datePublished\":\"2019-04-04T06:22:52+00:00\",\"dateModified\":\"2020-01-02T08:20:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/\"},\"wordCount\":1577,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/auroracreation.pl\/blog\/#organization\"},\"articleSection\":[\"Magento Handbook\",\"PWA\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/\",\"url\":\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/\",\"name\":\"Progressive Web Apps (PWA) w Magento - wszystko, co powiniene\u015b wiedzie\u0107 - Blog Aurora Creation\",\"isPartOf\":{\"@id\":\"https:\/\/auroracreation.pl\/blog\/#website\"},\"datePublished\":\"2019-04-04T06:22:52+00:00\",\"dateModified\":\"2020-01-02T08:20:33+00:00\",\"description\":\"Czy PWA to przysz\u0142o\u015bc? Artyku\u0142 ten wyja\u015bnia, czym jest PWA oraz dlaczego warto zaimplementowa\u0107 to rozwi\u0105zanie dla swojego sklepu Magento.\",\"breadcrumb\":{\"@id\":\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/auroracreation.pl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progressive Web Apps (PWA) w Magento &#8211; wszystko, co powiniene\u015b wiedzie\u0107\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/#website\",\"url\":\"https:\/\/auroracreation.pl\/blog\/\",\"name\":\"Aurora Creation\",\"description\":\"Blog o Magento i e-commerce - zarz\u0105dzanie projektami\",\"publisher\":{\"@id\":\"https:\/\/auroracreation.pl\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/auroracreation.pl\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/#organization\",\"name\":\"Aurora Creation\",\"url\":\"https:\/\/auroracreation.pl\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/auroracreation\/\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/auroracreation.pl\/blog\/wp-content\/uploads\/2019\/07\/aurora-creation-logo.png\",\"contentUrl\":\"https:\/\/auroracreation.pl\/blog\/wp-content\/uploads\/2019\/07\/aurora-creation-logo.png\",\"width\":550,\"height\":130,\"caption\":\"Aurora Creation\"},\"image\":{\"@id\":\"https:\/\/auroracreation.pl\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/#\/schema\/person\/8328db7392330267eb2b6f17fbc032f6\",\"name\":\"Maciej Kosierkiewicz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/auroracreation.pl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cae86ec9fb3b7e3a3cfd55f22979ca7d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cae86ec9fb3b7e3a3cfd55f22979ca7d?s=96&d=mm&r=g\",\"caption\":\"Maciej Kosierkiewicz\"},\"url\":\"https:\/\/auroracreation.pl\/blog\/author\/aurora\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Apps (PWA) w Magento - wszystko, co powiniene\u015b wiedzie\u0107 - Blog Aurora Creation","description":"Czy PWA to przysz\u0142o\u015bc? Artyku\u0142 ten wyja\u015bnia, czym jest PWA oraz dlaczego warto zaimplementowa\u0107 to rozwi\u0105zanie dla swojego sklepu Magento.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/","og_locale":"pl_PL","og_type":"article","og_title":"Progressive Web Apps (PWA) w Magento - wszystko, co powiniene\u015b wiedzie\u0107 - Blog Aurora Creation","og_description":"Czy PWA to przysz\u0142o\u015bc? Artyku\u0142 ten wyja\u015bnia, czym jest PWA oraz dlaczego warto zaimplementowa\u0107 to rozwi\u0105zanie dla swojego sklepu Magento.","og_url":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/","og_site_name":"Aurora Creation","article_publisher":"https:\/\/www.facebook.com\/auroracreation\/","article_published_time":"2019-04-04T06:22:52+00:00","article_modified_time":"2020-01-02T08:20:33+00:00","og_image":[{"width":2048,"height":771,"url":"https:\/\/auroracreation.pl\/blog\/wp-content\/uploads\/2019\/04\/PWA.png","type":"image\/png"}],"author":"Maciej Kosierkiewicz","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Maciej Kosierkiewicz","Est. reading time":"8 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#article","isPartOf":{"@id":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/"},"author":{"name":"Maciej Kosierkiewicz","@id":"https:\/\/auroracreation.pl\/blog\/#\/schema\/person\/8328db7392330267eb2b6f17fbc032f6"},"headline":"Progressive Web Apps (PWA) w Magento &#8211; wszystko, co powiniene\u015b wiedzie\u0107","datePublished":"2019-04-04T06:22:52+00:00","dateModified":"2020-01-02T08:20:33+00:00","mainEntityOfPage":{"@id":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/"},"wordCount":1577,"commentCount":0,"publisher":{"@id":"https:\/\/auroracreation.pl\/blog\/#organization"},"articleSection":["Magento Handbook","PWA"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/","url":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/","name":"Progressive Web Apps (PWA) w Magento - wszystko, co powiniene\u015b wiedzie\u0107 - Blog Aurora Creation","isPartOf":{"@id":"https:\/\/auroracreation.pl\/blog\/#website"},"datePublished":"2019-04-04T06:22:52+00:00","dateModified":"2020-01-02T08:20:33+00:00","description":"Czy PWA to przysz\u0142o\u015bc? Artyku\u0142 ten wyja\u015bnia, czym jest PWA oraz dlaczego warto zaimplementowa\u0107 to rozwi\u0105zanie dla swojego sklepu Magento.","breadcrumb":{"@id":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/auroracreation.pl\/blog\/progressive-web-apps-pwa-w-magento-wszystko-co-powinienes-wiedziec\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/auroracreation.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Progressive Web Apps (PWA) w Magento &#8211; wszystko, co powiniene\u015b wiedzie\u0107"}]},{"@type":"WebSite","@id":"https:\/\/auroracreation.pl\/blog\/#website","url":"https:\/\/auroracreation.pl\/blog\/","name":"Aurora Creation","description":"Blog o Magento i e-commerce - zarz\u0105dzanie projektami","publisher":{"@id":"https:\/\/auroracreation.pl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/auroracreation.pl\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/auroracreation.pl\/blog\/#organization","name":"Aurora Creation","url":"https:\/\/auroracreation.pl\/blog\/","sameAs":["https:\/\/www.facebook.com\/auroracreation\/"],"logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/auroracreation.pl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/auroracreation.pl\/blog\/wp-content\/uploads\/2019\/07\/aurora-creation-logo.png","contentUrl":"https:\/\/auroracreation.pl\/blog\/wp-content\/uploads\/2019\/07\/aurora-creation-logo.png","width":550,"height":130,"caption":"Aurora Creation"},"image":{"@id":"https:\/\/auroracreation.pl\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/auroracreation.pl\/blog\/#\/schema\/person\/8328db7392330267eb2b6f17fbc032f6","name":"Maciej Kosierkiewicz","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/auroracreation.pl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cae86ec9fb3b7e3a3cfd55f22979ca7d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cae86ec9fb3b7e3a3cfd55f22979ca7d?s=96&d=mm&r=g","caption":"Maciej Kosierkiewicz"},"url":"https:\/\/auroracreation.pl\/blog\/author\/aurora\/"}]}},"_links":{"self":[{"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/posts\/2184"}],"collection":[{"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/comments?post=2184"}],"version-history":[{"count":2,"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/posts\/2184\/revisions"}],"predecessor-version":[{"id":2598,"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/posts\/2184\/revisions\/2598"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/media\/2596"}],"wp:attachment":[{"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/media?parent=2184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/categories?post=2184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/auroracreation.pl\/blog\/wp-json\/wp\/v2\/tags?post=2184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}