Veel adviezen over websites zijn een paar jaar oud. Installeer deze plugin voor uitgesteld laden. Gebruik die bibliotheek voor een uitklapmenu. Voeg dit script toe voor een accordeon. In de tussentijd zijn browsers doorontwikkeld en kunnen ze het meeste zelf.
Dat heet native: ingebouwd. Er hoeft niets bij, want het zit er al in.
Bij een opruimronde is dit de vraag die ik het vaakst stel. Waarvoor zit deze plugin hier, en kan het niet gewoon zonder?
Vaak kan dat. En elke plugin die eruit kan, scheelt laadtijd, onderhoud en een afhankelijkheid die je jaren meesleept.
Wat de browser zelf kan, hoef je niet te installeren.
Wat betekent native?
Native betekent ingebouwd. Een functie die native is, werkt zonder extra code. De browser of het besturingssysteem ondersteunt hem zelf.
Het tegenovergestelde is een oplossing die je toevoegt. Een plugin, een bibliotheek of een stuk maatwerk.
Waarom dat uitmaakt
Omdat ingebouwde functies niets extra’s hoeven op te halen. Ze zijn er al op het moment dat je pagina laadt.
Ze zijn bovendien beter getest dan wat dan ook. Miljoenen sites gebruiken ze, dus fouten komen snel aan het licht.
Wat tegenwoordig native is
Meer dan de meeste adviezen op internet suggereren.
Wat je niet meer hoeft te installeren
Uitgesteld laden van afbeeldingen, zie lazy loading.
Een accordeon of een uitklappaneel.
Een venster over je pagina, dus een dialoogvenster.
Formuliercontrole op verplichte velden en e-mailadressen.
Soepel scrollen naar een plek op je pagina.
Een galerij die zijwaarts schuift met vegen.
Voor al die zes was tot voor kort JavaScript nodig. Nu regelt CSS of de browser het zelf.
Wat het je oplevert
Drie dingen, en ze versterken elkaar.
Je pagina wordt lichter, want er komt geen bestand bij. Dat merk je direct in je pagespeed.
Je toegankelijkheid wordt beter. Ingebouwde onderdelen werken automatisch met het toetsenbord en worden herkend door hulpsoftware.
En je hebt minder afhankelijkheid. Een plugin kan stoppen, van eigenaar wisselen of onveilig worden. Een browserfunctie niet.
Een native app
Het woord komt ook terug bij apps. Een native app is gebouwd voor een specifiek besturingssysteem en wordt uit een appwinkel gehaald.
Een webapp draait in de browser. Die werkt overal, maar heeft minder toegang tot het toestel.
Voor de meeste MKB-bedrijven is een goede mobiele website genoeg. Een app bouwen kost een veelvoud en vraagt onderhoud voor twee platformen.
Wanneer je toch iets toevoegt
Als de functie er echt niet is, of als de browserondersteuning tekortschiet voor jouw bezoekers.
Denk aan een boekingssysteem, een webshop of een koppeling met een ander pakket. Dat bouw je niet zelf na.
De vraag is dus niet of je plugins mag gebruiken. De vraag is of deze plugin iets doet dat niet al bestaat. Meer daarover lees je bij plugin.
Waarom oude adviezen blijven rondzwerven
Een artikel uit 2019 blijft gewoon online staan. Het wordt nog steeds gevonden en het klopte destijds.
Kijk daarom altijd naar de datum bij technisch advies. Bij websites is drie jaar oud vaak echt te oud.
Wat het betekent voor toegankelijkheid
Ingebouwde onderdelen werken automatisch met het toetsenbord. Ze worden bovendien herkend door hulpsoftware zonder dat je iets hoeft toe te voegen.
Een zelfgebouwde variant moet dat allemaal nabootsen. Dat gebeurt zelden volledig, en dan is je site voor een deel van je bezoekers onbruikbaar.
Minder afhankelijkheid
Een plugin kan stoppen, van eigenaar wisselen of jarenlang niet bijgewerkt worden. Dan sta je voor de keuze: vervangen of een beveiligingsrisico accepteren.
Een browserfunctie heeft dat probleem niet. Die blijft werken en wordt centraal onderhouden door de makers van de browser.
Stel de vraag bij elke plugin
Loop je lijst een keer door en vraag per plugin waarvoor hij dient. Bij een gemiddelde site van een paar jaar oud kan er zo een derde af.
Dat scheelt laadtijd, onderhoud en updates. En het maakt elke volgende wijziging weer wat eenvoudiger.
Meer vragen over Native
Dit zijn de vragen die ik hierover het vaakst krijg. Ik werk ze los uit.
Wat betekent native?
Wat is een native app?
Wat is het verschil tussen native en een webapp?
Waarom is native beter voor je laadtijd?
Welke functies zijn tegenwoordig native?
Wanneer heb je toch een plugin nodig?
Wat betekent native?
Meer dan de meeste adviezen suggereren. Zes dingen hoef je niet meer te installeren.
Uitgesteld laden van afbeeldingen zit in de browser. Een accordeon of uitklappaneel ook. Een venster over je pagina eveneens.
Formuliercontrole op verplichte velden en e-mailadressen werkt standaard. Soepel scrollen naar een plek op je pagina is een enkele regel opmaak.
En een galerij die zijwaarts schuift met vegen kan tegenwoordig zonder script.
Voor al die zes was tot voor kort JavaScript nodig. Nu regelt de browser of je stijlbestand het zelf. Vraag je bouwer eens welke plugins er staan voor deze functies. Meer daarover lees je bij CSS.
Vraag je bouwer eens welke plugins er staan voor deze zes functies. Vaak blijkt er iets tussen te zitten dat er allang uit kan.
Dat is een gesprek van tien minuten dat je laadtijd oplevert. Noteer welke je kunt missen en pak ze een voor een aan. Begin bij de plugin die het zwaarst weegt.
Welke functies zijn tegenwoordig native?
Native betekent ingebouwd. Een functie die native is, werkt zonder extra code omdat de browser of het besturingssysteem hem zelf ondersteunt.
Het tegenovergestelde is een oplossing die je toevoegt: een plugin, een bibliotheek of een stuk maatwerk.
Dat verschil maakt uit omdat ingebouwde functies niets extra’s hoeven op te halen. Ze zijn er al op het moment dat je pagina laadt.
Ze zijn bovendien beter getest dan wat dan ook. Miljoenen sites gebruiken ze, dus fouten komen snel aan het licht en worden centraal opgelost.
Veel adviezen op internet zijn een paar jaar oud en raden nog plugins aan voor dingen die inmiddels gewoon werken. Daar valt bij bijna elke site iets te winnen.
Kijk altijd naar de datum bij technisch advies dat je online vindt. Bij websites is drie jaar oud vaak echt te oud.
Veel plugins bestaan alleen nog omdat een oud artikel ze blijft aanraden. Controleer bij elk advies of het nog klopt met de huidige browsers.
Waarom is native beter voor je laadtijd?
Omdat er niets bij hoeft. Elke plugin voegt bestanden toe die opgehaald, gelezen en uitgevoerd moeten worden.
Een bibliotheek voor een accordeon is al snel dertig kilobyte. Dat lijkt weinig, maar tel er vijf bij elkaar op en je pagina is merkbaar zwaarder.
Erger nog is het stapelen. Twee plugins die elk hun eigen versie van dezelfde bibliotheek meebrengen, is geen uitzondering.
Daar komt bij dat ingebouwde functies door de browser zelf worden uitgevoerd. Dat gaat sneller dan code die eerst geladen en verwerkt moet worden.
Het effect zie je vooral op mobiel, waar de rekenkracht kleiner is. Meer daarover lees je bij pagespeed.
Meet je laadtijd voor en na het verwijderen van een plugin. Dan zie je zwart op wit wat zo’n opruimronde je oplevert.
Doe die meting op mobiel, want daar telt het gewicht het zwaarst. Test daarna of alles nog werkt voordat je de volgende weghaalt. Dan weet je zeker waar de winst vandaan komt.
Wat is een native app?
Een native app is gebouwd voor een specifiek besturingssysteem en wordt uit een appwinkel gehaald.
Die app heeft volledige toegang tot het toestel. Camera, meldingen, locatie en opslag werken zonder omwegen.
Een webapp draait in de browser. Die werkt overal en hoeft niet geïnstalleerd te worden, maar heeft minder toegang tot het toestel.
Voor de meeste MKB-bedrijven is een goede mobiele website genoeg. Een app bouwen kost een veelvoud en vraagt onderhoud voor twee platformen.
Stel jezelf de vraag of mensen jouw app echt op hun beginscherm willen. Bij een dienst die je twee keer per jaar gebruikt, is dat antwoord vrijwel altijd nee.
Stel jezelf de vraag of mensen jouw app echt op hun beginscherm willen. Bij een dienst die je twee keer per jaar gebruikt, is dat antwoord vrijwel altijd nee.
Een goede mobiele website bedient diezelfde mensen zonder installatie. Reken ook het onderhoud voor twee platformen mee in je begroting.
Wanneer heb je toch een plugin nodig?
Als de functie er echt niet is, of als de browserondersteuning tekortschiet voor jouw bezoekers.
Denk aan een boekingssysteem, een webshop of een koppeling met je boekhoudpakket. Dat bouw je niet zelf na en dat hoort ook niet in een browser te zitten.
De vraag is dus niet of je plugins mag gebruiken. De vraag is of deze plugin iets doet dat niet al bestaat.
Stel die vraag bij elke plugin die op je site staat. Bij een gemiddelde site van een paar jaar oud kan er zo een derde af.
Elke plugin die eruit kan, scheelt laadtijd, onderhoud en een afhankelijkheid die je jaren meesleept. Meer daarover lees je bij plugin.
Loop je pluginlijst een keer helemaal door en vraag per stuk waarvoor hij dient. Weet niemand het antwoord, dan is dat op zichzelf al een aanwijzing.
Bij een site van een paar jaar oud kan er zo een derde af.
Draaien er plugins op je site waarvan je niet weet waar ze voor zijn? Stuur me de link via het formulier hieronder. Ik kijk welke functies tegenwoordig zonder plugin kunnen en wat dat je scheelt aan laadtijd. Vermeld je plaats, dan weet ik meteen waar je zit.
Waar kan ik je mee helpen?
Ook bekend als: Ingebouwd, standaard ondersteund, zonder plugin
