Welke browsers wij ondersteunen voor uw website of applicatie
Wanneer je websites of webapplicaties maakt heb je te maken met een snel veranderend medium, met haast nog sneller veranderende software: de browser. Browsermakers als Google, Mozilla, Microsoft en Apple introduceren in rap tempo vernieuwingen in hun producten (het bewijs zie je in deze tijdlijn). Als gebruiker heb je dus de taak om bij te blijven en regelmatig software-updates uit te voeren.
Dat gaat niet altijd automatisch. Binnen een organisatie kan het soms lastig zijn om andere software te installeren, en bepaalde browsers (voornamelijk Internet Explorer) updaten zichzelf niet naar een volgende versie als je systeem te oud is. Als developer moet je er daarom goed over nadenken welke browserversies ondersteund moeten worden voor het product dat je ontwikkelt. Optimaliseren voor alles zou ideaal zijn, maar is in de praktijk onmogelijk. Optimalisatie voor verouderde systemen kost namelijk veel tijd en kan gewoonweg niet altijd. En hoeveel mensen bekijken jouw website eigenlijk nog met hun PalmPilot of in Netscape? In dit blog licht ik toe hoe wij, in samenspraak met onze klanten, de keuze maken.
Buiten IE bestaan er voldoende andere grote browsers die al lange tijd updatebaar zijn.
Om dit leed iets te verzachten heeft Microsoft op 12 januari 2016 een verandering in zijn beleid doorgevoerd: vanaf deze datum worden “alleen voor de meest recente versie van Internet Explorer die voor een ondersteund besturingssysteem beschikbaar is, technische ondersteuning en veiligheidsupdates aangeboden” (bron). Wat houdt dit in voor de producten en diensten die wij leveren?
Via websites als outdatedbrowser.com kun je mensen bewust maken van het bestaande spectrum en stimuleren om een oude versie te updaten.
Iedere website kan te maken hebben met een doelgroep met een grote diversiteit aan browser versies.Lees ook: 10 waardevolle basisinstellingen voor Google Analytics »
Daarbij kan informatie van een klant zelf een verrijking zijn: een klant heeft veel zicht op wie de doelgroep zou moeten zijn, en wat voor technologie die doelgroep normaliter tot zijn beschikking heeft. Voor een recente opdracht is de kennis van de klant bijvoorbeeld van belang geweest: hierbij waren aardappeltelers de doelgroep, en was bekend dat veel van hen de webapplicatie waarschijnlijk gingen gebruiken op een iPad, vanaf het land of zelfs vanuit de trekker. Hier hebben we dus rekening mee gehouden tijdens het ontwikkelen en testen.
Dit is ook handige info wanneer een nieuwe (sub)site wordt gemaakt waar nog geen bestaande gebruikersinformatie van beschikbaar is.
Het leed dat Internet Explorer heet
Internet Explorer (IE) is vaak het mikpunt van kritiek van developers. Nietsvermoedende gebruikers kijken rond op het internet met verouderde browsers, die technisch niet alleen minder kunnen, maar ook vatbaarder zijn voor virussen of andere gevaren. Gelukkig hebben de meeste browsers sinds lange tijd een andere manier van updaten: zij updaten automatisch naar volgende versies, bij het opstarten en afsluiten van het programma. Zo ben je altijd voorzien van de laatste technische mogelijkheden en beveiligingen. Internet Explorer doet dit niet: iedere versie van deze browser ontvangt alleen noodzakelijke updates, zoals fixes voor veiligheidsproblemen.Buiten IE bestaan er voldoende andere grote browsers die al lange tijd updatebaar zijn.
Om dit leed iets te verzachten heeft Microsoft op 12 januari 2016 een verandering in zijn beleid doorgevoerd: vanaf deze datum worden “alleen voor de meest recente versie van Internet Explorer die voor een ondersteund besturingssysteem beschikbaar is, technische ondersteuning en veiligheidsupdates aangeboden” (bron). Wat houdt dit in voor de producten en diensten die wij leveren?
Wat ondersteunt Microsoft?
Wat zijn precies de feiten? De exacte tekst van het nieuwe beleid van Microsoft luidt:“Vanaf 12 januari 2016 worden alleen voor de meest recente versie van Internet Explorer die voor een ondersteund besturingssysteem beschikbaar is, technische ondersteuning en veiligheidsupdates aangeboden. Internet Explorer 11 is de laatste versie van Internet Explorer en hiervoor blijft u beveiligingsupdates, compatibiliteitsoplossingen en technische ondersteuning ontvangen in Windows 7, Windows 8.1 en Windows 10.” - Microsoft (bron)Twee vragen die deze woorden oproepen zijn:
- Wat is een “ondersteund besturingssysteem”?
- Wat is de laatste versie van IE voor deze besturingssystemen?
Waarom updaten?
Maar waarom zou je de moeite nemen een nieuwe browser te installeren, als de oude nog prima werkt? Er zijn significante risico’s verbonden voor uw computer, en in het verlengde daarvan ook voor uw bedrijf, aan het niet updaten van browsers. Dit geeft Microsoft ook zelf aan op haar supportpagina. Belangrijk is vooral dat de beveiliging van oude browsers tekort kan schieten, waardoor je kwaadwillenden in de kaart speelt. Daarnaast blijven andere softwarepartijen wel vernieuwen, en werken nieuwe webapplicaties die u graag wilt gebruiken mogelijk niet met oude browsers. Microsoft geeft aan dat ook het eigen Office 365 het beste werkt in de meest recente browsers. Met een oude versie blijven werken (van welke browser dan ook) kan u dus niet alleen van voordelen onthouden, maar zelfs direct vervelende nadelen opleveren.Via websites als outdatedbrowser.com kun je mensen bewust maken van het bestaande spectrum en stimuleren om een oude versie te updaten.Edge
Vanaf Windows 10 levert Microsoft een nieuwe browser mee: Edge. Voor developers is dit goed nieuws, aangezien deze browser wél in staat is tot updaten naar nieuwe versies. Daarmee zal op termijn het gebrekkige updatebeleid van Internet Explorer geen doorn in het oog meer zijn. Het is dan ook aan te raden van deze browser gebruik te maken als je daar beschikking over hebt. Edge zal de komende jaren de nieuwe standaard gaan worden op Windows systemen.Browserondersteuning bij Netvlies
Daarom is één van de vragen die een van onze front-end developers zal stellen bij een nieuwe opdracht: hoe zit het met de browser ondersteuning binnen dit project? Per project maken we hier namelijk een afspraak over. Om hier een goed antwoord op te vormen nemen we een aantal aspecten mee in de beslissing.Bestaande gebruikers
Vaak heeft een partij voordat we aan de slag gaan al een website, en moet die vernieuwd worden. Het belangrijkste is dan te kijken naar de bestaande gebruikers die de website bezoeken. Door naar de statistieken te kijken kom je erachter wat de meest voorkomende systemen, browsers en locaties zijn van de bezoekers. Deze gegevens nemen we mee in het uiteindelijke besluit. Zo kan het bijvoorbeeld zijn dat een specifieke gebruikersgroep nog veel gebruik maakt van een oudere browserversie. We kunnen dan samen besluiten om deze browser mee te nemen in de ontwikkeling en de tests.Iedere website kan te maken hebben met een doelgroep met een grote diversiteit aan browser versies.Lees ook: 10 waardevolle basisinstellingen voor Google Analytics »
Daarbij kan informatie van een klant zelf een verrijking zijn: een klant heeft veel zicht op wie de doelgroep zou moeten zijn, en wat voor technologie die doelgroep normaliter tot zijn beschikking heeft. Voor een recente opdracht is de kennis van de klant bijvoorbeeld van belang geweest: hierbij waren aardappeltelers de doelgroep, en was bekend dat veel van hen de webapplicatie waarschijnlijk gingen gebruiken op een iPad, vanaf het land of zelfs vanuit de trekker. Hier hebben we dus rekening mee gehouden tijdens het ontwikkelen en testen.
Algemene statistieken
Daarnaast adviseren wij in wat er momenteel op de markt gangbaar is. Welke browserversies zijn inmiddels “dood”, welke komen veel voor, en welke zijn opkomend? Vaak is dit op basis van een statistiek van het browsergebruik van de afgelopen 3 maanden binnen Nederland (of andere locaties indien van toepassing), zoals je bij Statcounter kunt opvragen:
Dit is ook handige info wanneer een nieuwe (sub)site wordt gemaakt waar nog geen bestaande gebruikersinformatie van beschikbaar is.
De klant als gebruiker
Ook de klant zelf heeft soms bepaalde apparatuur die veel gebruikt wordt. Misschien werkt iedereen binnen de organisatie op een bepaald type laptop, of heeft iedereen een iPhone van de zaak. Dit is handig om te weten om niet voor verrassingen te komen staan bij bijvoorbeeld presentaties, of bij het efficiënt verwerken van bugs (“op mijn scherm is het nog steeds niet veranderd!”). Het kan zelfs zijn dat je bepaalde afspraken maakt om te optimaliseren voor een specifieke bedrijfseigenschap, zoals een schermgrootte. Dit is echter altijd een overweging van investering (tijd en geld) versus resultaat: het is leuk om als klant je eigen website optimaal te zien, maar zien de gebruikers van de website daar ook iets van? Het kan zijn dat maar 0.01% van je bezoekers deze specifieke eigenschap ook heeft. Al deze overwegingen nemen we mee in het uiteindelijke besluit, en het resulterende lijstje aan browsers gebruiken we in het proces. Ontwikkelaars nemen in hun overwegingen mee of een bepaalde functie of layout wel werkt in de afgesproken browsers, en de testers checken hierin de website of applicatie. Dat wij deze browsers "ondersteunen" betekent dus niet dat een website compleet onbruikbaar is in andere browsers die we niet genoteerd hebben. Heel vaak zal een website ook prima werken in de andere browsers. Het is alleen handig om een aantal afspraken te maken, om samen uit te kunnen gaan van dezelfde kwaliteit. Ook omdat we gebruik maken van een aantal praktische theorieën en technieken zal een website overeind blijven in veruit de meeste gevallen.Het beste uit een browser halen
Wat doe je bijvoorbeeld als je als developer graag gebruik wilt maken van een mooie techniek die beschikbaar is in nieuwere browsers, maar niet in de oudere? Vaak komt het neer op een overweging van een tijdsinvestering (is dit het waard?), op basis van een combinatie van de volgende twee termen.Progressive enhancement
In het kort betekent dit: begin met een kleinschalige, werkende basis, en breidt het uit indien er meer mogelijkheden beschikbaar zijn (progressieve verbetering). Een simpel voorbeeld is het gebruik van “ronde hoeken” op elementen binnen een pagina. Een tijd geleden waren er maar een paar browsers die echte ronde hoeken konden weergeven op bijvoorbeeld knoppen. Je kunt dan veel tijd gaan steken in het werkend maken van ronde hoeken in oude browsers, door bijvoorbeeld van iedere ronde hoek ook een afbeelding te maken, en die te gebruiken in oude browsers. Dit is echter vaak de investering niet waard. Stel namelijk eens deze vraag: werkt de site of applicatie ook goed zonder de ronde hoekjes? Eigenlijk altijd is het antwoord: ja, alles werkt prima. Maar ook als iets technisch mogelijk is, betekent het nog niet dat je het ook moet doen. Een voorbeeld is het gebruik van Google Maps op een pagina. Hier komt een aantal aspecten bij kijken die het onhandig zouden kunnen maken voor, bijvoorbeeld, een mobiele gebruiker:- Qua gebruikerservaring op een klein scherm is het onhandig. Je probeert bijvoorbeeld op je smartphone te scrollen binnen een pagina, maar zit opeens “vast” in de Google Map. Daarbij zijn de kleine knopjes haast niet afzonderlijk in te drukken met een normale vinger.
- Bij het gebruik van Google Maps download je een aanzienlijke hoeveelheid scripts en data (afbeeldingen van kaarten), wat de ervaring via je mobiele verbinding veel langzamer kan maken.