give me the summary to:ProgressiveWebApps(PWAs):UnlockingTheFutureof…|WDDNewsCompilationsFontsTechUXDesignDevelopmentAISearchDesignFreebiesInspirationNewsResourcesSEOUIUXDevelopmentProgressiveWebApps(PWAs):UnlockingTheFutureofMobile-FirstWebDevelopmentByDmytroSpilka2daysagoThereareover5.4billionmobileuserstoday,meaningthatover68%ofthepopulationtapintoanonlinebusinessviatheirsmartphonedevices.Aswemovetowardsanew‘mobileinternet’,demandingconsumersareconstantlylookingfornewwaystoimprovetheironlineexperienceandcustomisetheirbrandjourneytothemax.Inresponse,overhalfofsmallbusinesseshavenowinvestedinanativemobileappinanattempttoenhancetheconsumerjourneyandkeepengagementflowingonandoffline.However,manynativeappsarerestrictedtothedevicestheyarecreatedfor.Whatifwetoldyouitwaspossibletocreateanapp-basedexperienceinawebbrowserthatcanbecarriedacrossfromdevicetodevice?Enterprogressivewebapps,otherwiseknownasPWAs.“PWAsareresolvingsomeoftheoldestchallengesofmobilemarketing.Ifenoughbrandsinvestinthem,theaveragereturnoninvestment(ROI)ofmobilemarketingwillrisesignificantly,”statesForbescontributorZacJohnson.“Thiscouldbeaboonforcompaniesinallindustries,mobilemarketingplatformsandcustomerswhocouldbenefitfromlowercosts.”Withtheabilitytochangemobilemarketingasweknowit,let’sjumpintowhatPWAshavetooffertodigital-firstsmallbusinesses.WhatIsAProgressiveWebApp?Aprogressivewebapp,alsoknownasaPWA,isthemixtureofanapp-styleplatformthatisbuiltusingwebplatformcodingandtechnology.Thismeansthattheplatformwillruninthesamewayasanapplicationbutcanbeaccessedviaabrowseronanydevice.Withtheabilitytooperateonandofflineandeveninthebackgroundofotherwebpages,PWAsaretransforminghowweinteractwithonlinebrands,fusingthebenefitsofapp-basedengagementandweb-basedengagementforaseamlessbarrier-freeUXexperience.“Mobilewebsitesarequickandeasytogetto,buttheytendtobelesspleasantintermsofuserexperience,”saysAndrewGazdecki,founderandCEOofBiznessApps.“Nativeappsprovidethefinestuserexperience,buttheyarelimitedtocertaindevicesandhavehighbarrierstoadoption.Sittingbetweentheseoptionsisthenewestmobilesolution:thePWA.Itcombinesthebestelementsofmobilesitesandnativeappswhilemitigatingtheirdisadvantages.”Ifyoudon’tbelieveus,let’stakealookatsomeofthelargestglobalappsthathavefoundsuccessinlaunchingaPWA.Twittersawa65%increaseinpagespersessionaloneafterupgradingthesocialsitetoaprogressivewebapp.StreaminggiantHulualsoreporteda27%increaseinreturnvisitsafterreplacingtheirplatform-specificdesktopappwithaPWA.What’smore,isthatPWAsareabletotakeadvantageofandleverageahugewebecosystemofplugins,AI-poweredtemplatesandspeedyhostingconnections,makingiteasierthaneverbeforetobuildthem.BeforewegetintobuildingyourownPWAfromscratch,let’shaveacloserlookatsomeofthebenefitssmallbusinessescouldseewheninvestinginawebapp.WhatAreTheBenefitsForOnlineBusinesses?ThereareplentyofbenefitsofPWAsforonlinebusinesses.Insuchahotdigitalclimate,findingnewwaystostimulateconsumerengagementandprioritiseuserexperiencecouldbethedifferencebetweenaconversionandapagebounce.HerearesomeofthekeyadvantagesofaddingPWAstoyoursitestrategy.EasilyInstallableResearchrevealsthatconsumersaretwiceaslikelytoengagewithinstalledappsincomparisontovisitingbrowser-basedsites.IntroducingaPWA-poweredwebsiteisagreatwaytomimicthelook,feelandexperienceofanormalnativeappbutwiththeabilitytotakethatapplicationfromdevicetodevice.Theyareeasilyinstallable,whichmakesthemeffectiveinattractingloyalconsumers,andsimplyremainonthedesktoporsmartphonehomescreenwithsimpleaccessibility.Betterstill,unlikeanativeapp,itisalsonotobligatorytodownloadaPWAastheycanbeaccessedviaaURL,too,foraflexibleyetreliablebrandexperience.TheModernNativeAppPWAsaimtomimicthetraditionalnativeapp.Thismeanstheycanfunctiononandoffline,saveuserdataautomaticallyandadapttocreatecustomisableexperiencesforeachconsumer.However,PWAusersarealsoabletoenjoyawebsite-likeperformance.Withsuperfastspeedandtheabilitytobeaccessedviaanydevice,it’snowonderthatglobalbrandleadersarecallingPWAsthemodern-daynativeapp.“Ifyou’vebeenholdingoffondevelopingaresponsivewebsiteoranativemobileapp,youareactuallyatauniqueturningpoint,Gazdeckicontinues.“Manyestablishedbusinesseshavealreadygonethroughtherigoursofbuildingouta(native)mobileexperiencefortheircustomers.ButagoodPWAeffectivelyreplacesacompany’smobilesite,itsnativeapp,andmaybeevenitsdesktopsite.Inotherwords,it’samobile-firstapproachtoconnectingwithyourcustomers.”EnhancingPerformanceDidyouknowthatoverhalfofuserswillabandonawebsiteifittakesmorethanthreesecondstoload?(ImageSource:Backlinko)Progressivewebappshaveahighrunningspeedandcanfunctionefficientlyonanytypeofwebhost.Infact,expertssuggestthatPWAsactuallyenhancepageloadspeedandcanalsoimproveuserretentionrates.Therefore,ifyou’replanningtocreateanonlinestore,investinginaPWAcouldresultinhigherlevelsofpageengagementandmoreconsumersfindingtheirwaytothecheckout.Forbesisagreatexampleofahigh-profilesiteusingPWAstoenhanceloadingspeed.AfterimplementingtheirfirstPWAin2017,hereiswhattheyhadtosayaboutitssuccess:“WespentmonthsimplementingbestpracticesformobilepageperformanceacrossbothiOSandAndroidphones.Anm.forbes.comwebpagecompletelyloadsin0.8seconds,considerablyfasterthannearlyallothersitesandlightning-fastcomparedtoourcurrentmobilesite.Ingeekspeak,ournewmobilesiteisalsoaProgressiveWebApp,meaningitmeetscertainGooglespecificationsandcanbeinstalledonAndroidphonesfasterthannativeappsoniPhones.”PinteresthasalsoseenagreatpayoffafterinvestinginaPWAsite.Reportingthatusersspentupto40%moretimeontheirPWAsitethantheirpreviousmobilewebsite,theyputtheirsuccessdowntoenhancedloadingperformanceandtheabilitytoaccesstheirservicesoffline.ConstantConnectivitySavingthebesttilllast,theabilitytobeconstantlyconnectedtoaPWA,isthehugesellingpointhere.Whilewealllovewebsitebrowsing,there’snothingworsethanwhenourconnectioncutsout.PWAsensurethatausercanstilluseafullyfunctioningappwithinabrowser,eveniftheirconnectiongoesdown.Notonlydoesthisensurethatcustomersreceiveacontinuous,streamlinedUXexperience,butintermsofe-commerce,PWAsaregenius,asconsumersareabletopurchasefromanywhere,atanytime,withlittletonoconnection.StartingFromScratch:HowToBuildaPWANowwe’velearntaboutthebenefitsofPWAs,let’shaveacloserlookathowyoucanimplementthemintoyourstrategy.Step1:ResearchYourGoalsWhatdoyouwantyourPWAtoachieve?Whatfeatureswouldyouliketoinclude?Inthisdiscoveryphase,ensurethatyoutakeastepbackfromthedrawingboardandreviewyourcurrentwebsiteandappstats.Identifyhighpointsofengagementandlowdrop-offzones.Combinethiswithyouraudienceprofilingandcompetitordata,andyou’llhaveanunbeatablestrategyforyourPWA.Step2:CraftingYourInterfaceDesignIt’snowtimetodesignyourUI.Duringthisstage,it’simportanttoconsiderfactorssuchasresponsivenessandcompatibilitywithanumberofdevicesandplatforms.ThewholepointofintroducingaPWAistogiveyouraudiencemoreconnectionoptions,soit'svitalthatyournewplatformcanperformoneverydevice.Step3:StartingWithTheFrontEndUsingcodinglanguagessuchasCSS,HTMLandJavaScript,youcancreateaPWAfromthegroundup.Thekeyhereistotakeamobile-firstapproach.Morethanhalfofallconsumerswillaccessyoursiteviaasmartphonedevice,soyourfront-enddevelopmentmustprioritiseamobileUI.Step4:ServiceWorkers&amp;PushNotificationsDon’tforgettoprioritiseyourserviceworkerswhenitcomestoconstructingyourPWAs.ThesearealsoknownastheJavascriptfilesthatruninthebackgroundofyourwebapplicationandelementsthatenablethatall-importantofflinefunctionality.Also,makesurethatyouleveragebothyourserviceworkersandPushAPItoimplementpushnotifications,asthisallowsyourPWAtosendnotificationstousersonthegofromanydevice.Step5-TheTestingStageFinally,it’stimetostarttestingyourPWA.Ensurethatitfunctionswellonanumberofbrowsersanddevicesandmeetsyourstartinggoals.Beforelaunchingtoyourconsumers,makesureyou’reA/Btestingandreviewingallaspectsoftheapplication’sUXdesign.AreYouReadyToStartBuilding?It’snosecretthatPWAsarebecomingmorepopularwithsmallbusinessownersbythesecond.Inaconsumerclimatewherehigh-speeddemandsandapushforpersonalisationdominatetherealmsofsuccess,itcouldbetimetoinvestinamobile-firstPWA.“Today’suseristellingusthattheyexpectafastandfrictionlessjourneyontheirmobiledeviceswithoutbeingforcedtodownloadanappforthissuperioruserexperience,”sayexpertsatSearchEngineJournal.“TakingTimetopickuponthosecuesandinvestinPWAsthatcombinetheeaseofthemobilewebwiththespeedanduser-friendlinessofamobileappisessential.TwoforthepriceofoneiswhatyougetwithPWAs.Sowhenareyougoingtobuildyours?”DmytroSpilkaDmytroisaCEOatSolvidandfounderofPridicto.HisworkhasbeenpublishedinCreativeBloq,Shopify,Zapier,MakeUseOf,Mention