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?
Nieuws
Snelle website middels preload scanners
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.
JS, een dunne lijn tussen SEO en toegankelijkheid
JavaScript's voordeel, kan ook zijn nadeel zijn: vrijheid! Gevolg is een dunne lijn tussen crawlability (SEO) en accessibility.
Hoe we JavaScript laten groeien en browsers het verwerken
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?
Vertraging: Estimated Input Latency / Delay
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'.
CrUX, RUM en BigQuery: echte gebruikersdata
Niet je eigen ervaring, maar de laadtijd die je echte doelgroep en gebruikers ervaren, is waar je oog voor moet hebben.
Myth busting: Hoe krijg je een 100/100-score in PSI?
"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.
8 redenen waarom je SEO / performance verkeerd doet
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:
Image loading in het LightBolt CMS
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.
Website hamburger menu verhuist naar onderen
In navolging van Netflix, gaat ook Blue 2 Blond de navigatiebalk onderaan plaatsen. Dit raakt logischerwijs de smartphone/touchscreen versie van responsive websites.
Is je (Wordpress) website AVG compliant? De AVG checklist
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!
AVG en de invloed van open source
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.
Eliminate render-blocking JS en CSS binnen Wordpress
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.
Hamburger menu en slideshow met enkel CSS
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.
Lootjes trekken en Cross Side Scripting
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.
JQuery, innerHTML of DOM?
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.
Project toegankelijke video caption editor
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.
