{"id":1391,"date":"2020-07-10T11:25:08","date_gmt":"2020-07-10T09:25:08","guid":{"rendered":"https:\/\/www.logic-joe.com\/blog\/?p=1391"},"modified":"2020-08-07T15:33:35","modified_gmt":"2020-08-07T13:33:35","slug":"progressive-web-apps-das-beste-aus-zwei-welten","status":"publish","type":"post","link":"https:\/\/www.logic-joe.com\/blog\/progressive-web-apps-das-beste-aus-zwei-welten\/","title":{"rendered":"Progressive Web Apps \/\/ Das beste aus zwei Welten?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Grunds\u00e4tzlich sollen PWA eine L\u00fccke schlie\u00dfen, die zwischen Websites und nativen Apps existiert. Zur Zielgruppe geh\u00f6ren also User, die bestimmte Webseiten regelm\u00e4\u00dfig nutzen, gleichzeitig aber keine weitere App auf ihrem Endger\u00e4t installieren wollen. Davon profitieren auch Nutzer von Smartphones mit wenig Speicherkapazit\u00e4t.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Keine Verbindung? Kein Problem!<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Deutschland \u2013 das Land der Funkl\u00f6cher. Wer regelm\u00e4\u00dfig im Bundesgebiet unterwegs ist, kennt das vermutlich gut: insbesondere in l\u00e4ndlichen Gegenden schw\u00e4chelt die Versorgung mit mobilen Daten. Hier k\u00f6nnen Progressive Web Apps jedoch ihre gro\u00dfe St\u00e4rke ausspielen: sie sind durch intelligentes Caching (zumindest f\u00fcr einen begrenzten Zeitraum) auch offline funktionsf\u00e4hig. Grund daf\u00fcr sind die sogenannten Service Worker, die Inhalte bei mangelnder Internetverbindung aus dem Cache abrufen. So muss sich w\u00e4hrend des Auswahlvorgangs beim Online-Einkauf beispielsweise niemand dar\u00fcber \u00e4rgern, wenn dem Datennetz kurzfristig die Luft ausgeht.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Schnelle Performance trifft User Experience<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Gerade f\u00fcr die Betreiber von Websites und Shops bieten PWA die M\u00f6glichkeit, potentielle Kunden auf der eigenen Seite zu halten. Erfahrungsgem\u00e4\u00df springen Nutzer n\u00e4mlich schneller ab, wenn die gew\u00fcnschte Seite zu langsam l\u00e4dt. Durch das Caching stehen Inhalte die bereits heruntergeladen wurden allerdings schneller bereit, was die Performance verbessert. Gleichzeitig sind Seiten, die als PWA aufgesetzt sind, durch ihre Responsivit\u00e4t besonders gut f\u00fcr die mobile Nutzung geeignet. Die <\/span><b>User Experience<\/b><span style=\"font-weight: 400;\"> unterscheidet sich dabei kaum mehr von einer nativen App, so kann eine PWA beispielsweise auf native Funktionen des Endger\u00e4tes, wie Kamera oder Push-Benachrichtigungen zugreifen. Ein PWA kann au\u00dferdem als Icon auf demStartbildschirm gespeichert werden.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Reichweitenstark und schnell ausgerollt<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Dadurch, dass eine PWA keine native App ist, muss sie nicht \u00fcber einen App-Store vertrieben bzw. heruntergeladen werden. Dies ist ein gro\u00dfer Vorteil f\u00fcr App-Ersteller, die ihr Produkt nicht aufwendig durch den App-Store-Betreiber zertifizieren lassen m\u00fcssen. Gleichzeitig sind PWAs als normale Webanwendung durch Suchmaschinen auffindbar und per URL in sozialen Netzwerken teilbar, was ihnen potenziell eine gr\u00f6\u00dfere Reichweite einbringt.<\/span><\/p>\n<h2>Unser Fazit<\/h2>\n<p><span style=\"font-weight: 400;\">PWAs k\u00f6nnen somit zurecht als eine spannende Alternative zu herk\u00f6mmlichen Apps betrachtet werden, oder als praktische Erg\u00e4nzung zu einer herk\u00f6mmlichen Web-L\u00f6sung. Sie \u00fcberzeugen durch eine schnelle Performance, gute User Experience und Offline-Verf\u00fcgbarkeit, w\u00e4hrend ihre Inbetriebnahme leichter f\u00e4llt, als bei nativen Apps. Unser Partner e-Spirit bietet mit seinem <a href=\"https:\/\/www.e-spirit.com\/de\/produkt\/firstspirit-dxp\/firstspirit-experience-accelerator\/\">FirstSpirit Experience Accelerator<\/a> \u00fcbrigens eine CMS-L\u00f6sung mit vorgefertigter PWA.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bei Progressive Web Apps, kurz PWA, handelt es sich um Websites, die in ihrer Optik und ihrer Bedienbarkeit an native Apps erinnern. Wir haben uns angeschaut, was eine solche PWA ausmacht.<\/p>\n","protected":false},"author":15,"featured_media":1394,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts\/1391"}],"collection":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/comments?post=1391"}],"version-history":[{"count":6,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts\/1391\/revisions"}],"predecessor-version":[{"id":1396,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/posts\/1391\/revisions\/1396"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/media\/1394"}],"wp:attachment":[{"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/media?parent=1391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/categories?post=1391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.logic-joe.com\/blog\/wp-json\/wp\/v2\/tags?post=1391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}