{"id":507358,"date":"2018-06-03T23:41:36","date_gmt":"2018-06-03T21:41:36","guid":{"rendered":"http:\/\/www.nieuws.marketing\/strategie_nieuws\/?p=507358"},"modified":"2018-06-03T23:41:36","modified_gmt":"2018-06-03T21:41:36","slug":"betere-gebruikerservaring-van-websites-en-webshops-met-pwa","status":"publish","type":"post","link":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/betere-gebruikerservaring-van-websites-en-webshops-met-pwa\/","title":{"rendered":"Betere gebruikerservaring van websites en webshops met PWA"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-507359\" src=\"http:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720.png\" alt=\"\" width=\"720\" height=\"720\" srcset=\"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720.png 720w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-300x300.png 300w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-144x144.png 144w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-320x320.png 320w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-520x520.png 520w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-250x250.png 250w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-700x700.png 700w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-160x160.png 160w, https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-content\/uploadsnieuwssocial\/2018\/06\/shopping-cart-2790225_960_720-45x45.png 45w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><strong>Nu mobiel een steeds grotere gebruikersgroep wordt op internet, liggen de eisen van snelheid en gebruikerservaring van websites en webshops steeds hoger. Met PWA, progressive web apps, is door Google een nieuwe term ge\u00efntroduceerd voor het defini\u00ebren van een optimale gebruikerservaring.<\/strong><\/p>\n<h2>Snelheid<\/h2>\n<p>Het allerbelangrijkste onderwerp: snelheid. Het doel van een PWA is het bieden van een app-achtige ervaring, maar dan via de browser. Google stelt als regels:<\/p>\n<p>&#8211; 60 FPS animatie;<\/p>\n<p>&#8211; Binnen 50ms moet er iets gebeuren op de pagina na een actie van een gebruiker;<\/p>\n<p>&#8211; Binnen 5 seconden op 3G een volledig werkende website;<\/p>\n<p>&#8211; Buffer data wanneer website idle is;<\/p>\n<p>&#8211; De website is te gebruiken als de internetverbinding wegvalt (offline compatibility).<\/p>\n<p>&nbsp;<\/p>\n<h2>Complexe techniek<\/h2>\n<p>PWA&#8217;s zijn complex om te bouwen. Waar kleine websites (MKB, small business) nog vrij eenvoudig te zijn om te ontwikkelen, vereist PWA een veel hoger niveau van programmeurs. Progressive web apps worden volledig gebouwd in javascript, op basis van javascript frameworks zoals Vue, Polymer of React. De complexiteit en leercurve van het bouwen in een dergelijk framework ligt veel hoger als die van serverside technology, zoals PHP en MySQL.<\/p>\n<h2>PWA voor webshops<\/h2>\n<p><em>Een grote kans van de opkomst van progressive web apps is weggelegd voor webshops. Snelheid heeft een enorme impact op conversie van een webshop. Een app-achtige ervaring, betekent een betere gebruikerservaring en dus mogelijk hogere webshop omzet. Daarnaast zijn er een aantal handige functies te bedenken, zoals het bladeren door de catalogus wanneer de internetverbinding wegvalt. Magento webshop specialist <a href=\"https:\/\/www.reachdigital.nl\/\">Reach Digital<\/a> is \u00e9\u00e9n van de eersten die, op basis van Magento, bezig is met het ontwikkelen van PWA technologie voor webshops.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#46;&#46;&#46;<\/p>\n","protected":false},"author":25,"featured_media":507359,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2877],"tags":[],"class_list":["post-507358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-opvallend-2"],"_links":{"self":[{"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/posts\/507358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/comments?post=507358"}],"version-history":[{"count":0,"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/posts\/507358\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/media\/507359"}],"wp:attachment":[{"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/media?parent=507358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/categories?post=507358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nieuws.marketing\/strategie_nieuws\/wp-json\/wp\/v2\/tags?post=507358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}