
Javascript; async, defer of in de footer plaatsen?
Je wilt user engagement zo vroeg mogelijk plaats laten vinden, maar ook je website voorzien van widgets en interactie. Hoe ga je hier mee om?
Wij delen als webbouwers graag onze kennis, door onderzoek te doen, code te delen en te schrijven over onze USP's, waaronder snelheid/pagespeed, online duurzaamheid, privacy en digitale toegankelijkheid.
Hopelijk met niet teveel technische abracadabra, maar wél bruikbare tips!😉
Je wilt user engagement zo vroeg mogelijk plaats laten vinden, maar ook je website voorzien van widgets en interactie. Hoe ga je hier mee om?
Browsers zijn slim, slimmer dan je denkt. Kleine kans dat je ooit hebt gehoord van preload scanners of look-ahead preparser. Toch maakt je website er gebruik van.
JavaScript's voordeel, kan ook zijn nadeel zijn: vrijheid! Gevolg is een dunne lijn tussen crawlability (SEO) en accessibility.
Iedereen snapt: stel JavaScript uit en laad alleen JavaScript in dat je gebruikt. Dit resulteert in betere performance en betere conversie. Maar hoe doe je dat in de basis?
Wel eens een video-game gespeeld, waarbij de console niet direct reageerde op jouw handeling op de controller? Deze vorm van input delay of input latency, is het meest bekend onder de noemer 'laggy'.
Niet je eigen ervaring, maar de laadtijd die je echte doelgroep en gebruikers ervaren, is waar je oog voor moet hebben.
"Hoe krijg je een 100/100-score in PageSpeed Insights?" luidt het artikel zoals door SAM Online Marketing is gepubliceerd op Frankwatching. Van de genoemde punten om tot de 100% score te komen, tel ik slechts één punt dat niet ontkracht kan worden.
Ook wanneer performance je aan het hart gaat of een WPO-er bent, is de kans aanwezig dat niet alleen jouw online concurrent, maar ook jij performance optimalisatie verkeerd doet. Twee handenvol kenmerken:
Naast JavaScript vormen afbeeldingen de grootste last van websites. Afbeeldingen kunnen bovendien al snel te groot gepresenteerd worden en valt dus als bronmateriaal eenvoudig in te optimaliseren.
In navolging van Netflix, gaat ook Blue 2 Blond de navigatiebalk onderaan plaatsen. Dit raakt logischerwijs de smartphone/touchscreen versie van responsive websites.
Vanuit ons netwerk merken we dat stappen ondernomen worden om geleidelijk voor te bereiden op de Algemene Verordening Gegevensbescherming (AVG) wetgeving. Voor de ene situatie eenvoudiger dan de andere. Voor websites welke als online visitekaart en informatieverschaffing fungeert, kan het op het eerste gezicht vrij overzichtelijk zijn, maar schijn kan bedriegen!
De AVG lijkt meer indruk te maken dan de huidige Wbp dat doet. Ongeacht of het terecht is, laat de AVG (binnen onze niche) een ieder op zijn minst stil staan bij de vele facetten van softwareontwikkeling.
Eén van de meer lastige onderdelen van een 100% score in Google's PageSpeed insights, is het uit de weg ruimen van de "Eliminate render-blocking JavaScript and CSS" melding die Google soms afgeeft.
In het kader van performance optimalisatie (en wellicht micro-optimalisatie, zoals Critical Path CSS?), heb ik me gestort op het inwisselen van een door JavaScript aangestuurde hamburger/uitklap menu en carousel. Middels CSS selectors kunnen omliggende elementen voor praktische doeleinden aangestuurd worden.
Hoe doen CSS en JS frameworks het wanneer we het hebben over de toegankelijkheid van een website? Onderzoek dit in het aanbestedings-traject, en ga na hoe je de toegankelijkheid kunt verbeteren door inzet van WAI ARIA specificatie.
Lootjes trekken en Cross Side Scripting hebben natuurlijk niets met elkaar te maken, totdat je het proces van lootjes trekken gaat digitaliseren, zoals lootjestrekken.nl heeft gedaan.
De webstandaarden brengt vele discussies met zich mee. Eén daarvan is het gebruik van innerHTML versus DOM benaderingen. Het grootste bezwaar tegen innerHTML is dat het geen onderdeel uitmaakt van de W3C specificatie. Hierdoor is er geen garantie dat het in de toekomst ondersteund zal worden, toch heeft het gebruik van innerHTML veel voorstanders.
De toegankelijke caption tool om toegankelijke video's te creëren krijgt vorm. Afgelopen donderdag, op mijn 21e stagedag, heb ik een beknopte presentatie mogen geven voor directe betrokkenen bij Stichting Accessibility. Deze presentatie was nuttig omdat aan de hand van een daadwerkelijke prototype de juiste tips en opmerkingen maar ook positieve punten boven water gehaald konden worden.