Op de Chrome Dev Summit 2019 heeft Google nieuwe tools aangekondigd voor ontwikkelaars om de gebruikerservaring te verbeteren, laadtijden te verkorten en de veiligheid op internet te vergroten.
Twintig jaar geleden begon Google als een webzoekmachine, maar tegenwoordig domineert het de manier waarop we internet ervaren en ermee omgaan. Google Zoeken op zichzelf neemt het grootste deel van het onlinegebruik voor zijn rekening, maar andere producten, zoals de populairste browser ter wereld, Google Chrome – evenals het meest gebruikte mobiele besturingssysteem – Android – heeft Google een leidende positie gegeven onder andere belanghebbenden op internet. Het percentage gebruikers dat online gaat via mobiele apparaten is toegenomen, evenals de nadruk van de internetgigant op het verminderen van de laadtijden om de plakkerigheid te garanderen. AMP of versnelde mobiele pagina's was een stap die Google nam om ervoor te zorgen dat webpagina's sneller werden geladen. Vorig jaar introduceerde het ook een webelement dat bekend staat als "
Met de visie om “laat het laden verdwijnen”, heeft Google vandaag nieuwe ontwikkelaarstools aangekondigd op de Chrome Dev Summit 2019 om het internet veiliger en gebruiksvriendelijker te maken en tegelijkertijd de kansen te vergroten om ontwikkelaars te helpen hun gebruikersbestand en inkomsten te vergroten.
Portalen
Google heeft de vooruitgang aangetoond Portalen heeft gemaakt sinds ze het eerder dit jaar op Google I/O lanceerden en achter een vlag in Chrome Canary implementeerden. Om uw geheugen op te frissen, biedt Portals ontwikkelaars de mogelijkheid bepaalde inhoud of volledige webpagina's in een andere webpagina in te sluiten, net als een iframe. Om wachttijden te elimineren, wordt de inhoud in de portal of het frame geladen terwijl gebruikers nog op de oorspronkelijke webpagina surfen.
Google heeft een voorbeeld gedeeld van filmticketservice Fandango waarin de landingspagina voor een bepaalde film (grappenmaker in het voorbeeld) is gebonden binnen een portal. Wanneer een gebruiker op Joker tikt, wordt de volgende pagina al volledig geladen weergegeven.
Webbundels
Google maakt bekend Webbundels die is gemaakt om webontwikkelaars te helpen hun webinhoud met anderen te delen via verschillende media, inclusief maar niet beperkt tot e-mail, USB of FTP. Ontwikkelaars kunnen de volledige webinhoud die bedoeld is om te worden gedeeld, effectief in de cache opslaan met behulp van API's zoals Achtergrond Periodieke synchronisatie En Inhoud indexeren en vervolgens selectief de vereiste inhoud weergeven, zelfs als de eindgebruiker geen verbinding met internet heeft. Om webontwikkelaars in staat te stellen deze functionaliteit te gebruiken, stelt Google webbundels beschikbaar achter een Chrome-vlag, terwijl de twee API's beschikbaar zullen zijn als oorsprongsproeven.
Native-achtige webervaring
Hoewel Google zich ervan bewust is dat veel gebruikers hun mobiele telefoon gebruiken om online te gaan, erkent zij ook de gebruikspatronen tussen verschillende apparaten over de hele wereld. Google is al meer dan een paar jaar aan het pushen Progressieve webapps (PGA's) als vervanging voor native Android-apps met als doel de laadtijd en het dataverbruik te verminderen.
[videobreedte = "390" hoogte = "800" mp4 = " https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Om de applicaties op internet af te stemmen op native apps, kondigt Google drie nieuwe features aan voor ontwikkelaars. Dit zijn:
- SMS-ontvanger, waarmee webapps sms-gebaseerde authenticatiecodes kunnen ophalen, net zoals apps dat kunnen. In de video hierboven kun je zien hoe naadloos de webversie van Swiggy, een Indiase bestelservice voor eten, de gebruiker voorstelt om de via sms ontvangen verificatiecode te gebruiken.
- Neem contact op met Picker, waarmee gebruikers contacten kunnen uploaden naar webapps op een manier die vergelijkbaar is met het delen van contacten in berichtenapps zoals WhatsApp.
- Native bestandssysteem-API, waarmee webapps de toestemming en de mogelijkheid krijgen om bestanden en mappen van het apparaat van een gebruiker te lezen en wijzigingen daarin rechtstreeks op te slaan. Mogelijke toepassingen van deze functie zijn onder meer online teksteditors, foto- en video-editors, zelfs webgebaseerde IDE's en meer.
Deze API's zullen ook beschikbaar zijn als origin-proefversies voor Google Chrome.
Nieuwe statistieken en richtlijnen voor ontwikkelaars
Om de algemene ‘gezondheid van het internet’ te helpen contextualiseren, heeft Google een project aangekondigd met de naam De webalmanak in samenwerking met de HTTP-archief. Onder begeleiding van 85 experts is het project gericht op het zoeken naar inzichten en het visualiseren van trends op basis van bruikbare gegevens over de beste en slechtste praktijken op internet.
De missie omvatte het beoordelen van bijna 6 miljoen websites, waarna deze experts hun conclusies hebben samengevat over manieren om de gebruikerservaring in Nederland te verbeteren 20 hoofdstukken. Deze praktijk zal worden herhaald als een "jaarlijkse traditie", zodat de Almanak een vindingrijke gids voor webontwikkelaars blijft.
Daarnaast introduceert Google ook twee nieuwe statistieken om ontwikkelaars te helpen hun websites te optimaliseren voor de best practices. Dit zijn:
- Grootste inhoudsvolle verf (LCP), wat de "waargenomen" laadtijd van een webpagina is. Simpel gezegd is dit de laadtijd van het ‘grootste element dat zichtbaar is in het gezichtspunt’. Dit zal kwantificeren hoe snel de belangrijkste elementen op een webpagina worden geladen, zodat ontwikkelaars elk soort kunnen elimineren van vertraging. Het LCP wordt berekend voor de tijd voordat de gebruiker interactie heeft met de pagina. Het is dus de bedoeling om de laadvertraging zo veel mogelijk te minimaliseren.
- Cumulatieve lay-outverschuiving (CLS), dat wordt gebruikt om de stabiliteit van webpagina's te meten. Het kan ontwikkelaars helpen bepalen hoe vaak elementen zoals knoppen of een bepaalde afbeelding van locatie op het zichtbare gedeelte veranderen terwijl de pagina wordt geladen. CLS kan ontwikkelaars dus helpen dit frustrerende probleem te elimineren waarbij elementen van positie veranderen terwijl de pagina wordt geladen. Deze statistiek is gebaseerd op de 'layout shift score', die de neiging meet van pagina-elementen om te verschuiven tijdens het laden, waardoor gebruikers problemen ondervinden. De lay-outverschuivingsscore zou idealiter nul moeten zijn – of op zijn minst zo dicht mogelijk bij nul – om een probleemloze ervaring voor de gebruikers te garanderen.
Met als doel ontwikkelaars te helpen de beste prestaties, toegankelijkheid en efficiëntie op hun websites te bereiken, breidt Google de reikwijdte van Vuurtorenstapelpakketten naar allerlei kaders. Naast WordPress en Next.js, die al door Lighthouse worden ondersteund, voegt Google ondersteuning toe frameworks zoals AMP, Angular, React en Magento, het CMS dat zich uitsluitend richt op e-commerce websites.
Verbeter het geheugenbeheer, betere privacy en meer controle
Google beweert tijd, moeite en geld te investeren in het verhelpen van een van de grootste klachten met Google Chrome, en dat is het geheugenverbruik. Naast het werken aan het verbeteren van het geheugenbeheer, verbeteren ze ook voortdurend de prestaties van Chrome om ervoor te zorgen dat het internet voor iedereen toegankelijk blijft, ongeacht "hun apparaattype of internetsnelheid of koopkracht."
Op het gebied van privacy zal de volgende versie van Google Chrome, d.w.z. ver79, de manier verbeteren waarop met cookies wordt omgegaan. Dit omvat een nieuwe schakelaar op de nieuwe tabbladenpagina in de incognitomodus om gebruikers te helpen cookies van derden veel beter te beheren. De pagina Instellingen wordt ook aangepast om deze schakelaar gemakkelijk toegankelijk te maken in de normale modus.
Google zet zijn inspanningen op het gebied van de ontwikkeling van Privacy-sandbox, dat wordt gedefinieerd als de reeks open standaarden die zijn opgesteld om de privacy online te verbeteren. De Privacy Sandbox is bedoeld om websites in staat te stellen cookies te plaatsen zonder dat gebruikers zich overweldigd of onzeker voelen door advertenties, terwijl er ook manieren worden gevonden om vingerafdrukken te blokkeren.