Wij weten het wel

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 toegankelijk­heid.

Hopelijk met niet teveel technische abracadabra, maar wél bruikbare tips!😉

Blogs

  • Betere SEO met een toegankelijk­e website

    Toegankelijk­heid: Iedereen snapt, net als een snelle website, dat het nodig is, maar de praktijk ligt veelal verder van de theorie. Vandaag: toegankelijk­e footnotes en hoe dit je SEO kan bevorderen.

    • ± 4 minuten leestijd

  • Performance op de agenda; meest optimale CMS

    Waarschijnlijk is er geen webconferentie meer waar pagespeed en performance niet ter tafel komt. Dat performance vaak onderdeel is van een conferentie, geeft de noodzaak ervan aan.

    • ± 3 minuten leestijd

  • Pagespeed: 3.125 keer sneller dan Google's norm

    Met adoptie van Instant.page, tevens compatible gemaakt voor IE11, hebben we deze week websites voor onze opdrachtgevers 3.125 keer sneller kunnen maken dan de norm.

    • ± 5 minuten leestijd

  • Google pleasen; CSS optimaal serveren

    Heb je je website al eens door PageSpeed Insights gehaald? Naast JavaScript kan toepassing van CSS de grootste impact hebben. Meermaals kreeg ik de vraag hoe wij dit tackelen voor onze opdrachtgevers.

    • ± 7 minuten leestijd

  • Security op website en CMS niveau

    Deze week is er een update uitgegaan naar websites van opdrachtgevers, waarbij een security-wijziging heeft plaats gevonden. Dit vond plaats bovenop andere security maatregelen.

    • ± 3 minuten leestijd

  • Defer unused CSS @ Google's Lighthouse

    De grootste uitdaging onder de voormalige PageSpeed Insights tests, is volledig komen te vervallen nu de PageSpeed Insights gebruik maakt van de Lighthouse engine.

    • ± 4 minuten leestijd

  • Automatische Webp in LightBolt CMS

    Het LightBolt CMS gaat reeds optimaal om met door gebruikers geuploade afbeeldingen. Als kers op de taart, hebben we daar een aanvullende techniek aan toegevoegd. Webp!

    • ± 4 minuten leestijd

  • 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.

    • ± 3 minuten leestijd

  • 200ms laadtijd de grens voor SEO websites

    Een pagespeed en performance optimale website, bereik je met een combinatie van factoren. Server side en client side, waarbij ook hosting het verschil kan maken in een pagespeed optimalisatie traject.

    • ± 2 minuten leestijd

  • HTML manipulatie: PHP's DomDocument

    Alhoewel een voortborduursel op reguliere expressies, behoort DomDocument in mijn optiek niet meer tot de categorie micro-optimalisatie. Daar is het relatief gezien te langzaam voor, maar daar krijgen we een betrouwbare methode voor HTML manipulatie voor terug!

    • ± 3 minuten leestijd

  • PHP micro optimalisatie: reguliere expressies

    Reguliere expressies zijn ongelooflijk praktisch om input te scannen of tekst manipulaties te doen. Echter, ze staan er ook om bekend langzaam te zijn en dienen dus vermeden te worden indien mogelijk, wordt gezegd.

    • ± 3 minuten leestijd

  • Waarom 100% PageSpeed score lastig is met Wordpress

    Vanuit ons netwerk ontvingen we de vraag of een 100% pagespeed op Wordpress basis mogelijk was, waarbij de snelheid als ook gebruikerservaring optimaal bleef, en niet enkel gemeten werd middels een getal.

    • ± 3 minuten leestijd

  • Plotselinge optimization / PageSpeed score wijzigingen

    De PageSpeed Insights is door Google aangevuld met real-user data, om inzage te geven in de gemiddelde ervaring omtrent verschillende metrics van je website. Achter de schermen is er echter meer veranderd, waardoor je webpagina's ineens een hoger, of juist lager uitgevallen score kan hebben.

    • ± 3 minuten leestijd

  • Real-world gebruikerservaring in PageSpeed Insights

    De oplettende 'Google Watcher' of actieve PageSpeed tester heeft het ongetwijfeld al ontdekt, Het uiterlijk en daarmee ook metrics van PageSpeed Insights zijn gewijzigd. Voornaamste wijziging lijkt de toevoeging van pagespeed, maar er speelt meer.

    • ± 3 minuten leestijd

  • Time To First Byte en dynamische content

    Een CMS zorgt voor dynamische invulling voor zijn webpagina's, maar deze dynamiek gaat logischerwijs ten koste van de uitvoertijd, en daarmee tevens de zogenaamde Time To First Byte. Des te meer taken het CMS uit moet voeren om de door je bezoeker opgevraagde content te genereren, des te langer het duurt voordat de eerste byte door je bezoeker zijn of haar browser ontvangen is.

    • ± 4 minuten leestijd

  • Maatwerk beter dan Laravel / OctoberCMS?

    Naar aanleiding van een ouder artikel omtrent de behaalde laadtijd als ook pagespeed score van het LightBolt CMS, ontvingen we de vraag wat LightBolt beter maakt dan een CMS als OctoberCMS, met Laravel als basis. Diezelfde vergelijking gaat in de basis ook op met bijvoorbeeld Wordpress, Magento of Drupal.

    • ± 4 minuten leestijd

  • WWW of CDN tegen cookies

    Wanneer je je website door online pagespeed tests gooit, kun je opmerkingen krijgen over het gebruik van cookies. Het is overbodig om cookies mee te sturen met afbeeldingen, stylesheets of JavaScript bestanden, krijg je te lezen. Dit kan middels een CDN, maar het kan eenvoudiger.

    • ± 3 minuten leestijd

  • AMP en Wordpress

    Wordpress plugins te over om je website sneller en beter te maken. Zo ook om je Wordpress pagina's AMP te maken. Dit blijkt een noodzaak, doordat AMP een Wordpress pagina beduidend sneller kan maken.

    • ± 2 minuten leestijd

  • Opgesloten met een screenreader: web toegankelijk­heid

    Reeds in een vroeg stadium hield ik mij bezig met de semantiek van websites. Het was zelfs -in 2006- de tweede artikel ooit van mijn hand. Naast mijn backend werkzaamheden, is de affiniteit voor de frontend en daarmee ook toegankelijk­heid van websites, niet verloren gegaan.

    • ± 2 minuten leestijd

  • PHP micro optimalisatie: arrays

    Wanneer je programmeert, ongeacht de taal, kom je niet onder het gebruik van arrays uit. Niet zelden kom ik ondoordachte code tegen, dat makkelijk sneller kan. Denk aan isset ten opzichte van in_array, om na te gaan of een bepaalde waarde in een array voor komt.

    • ± 3 minuten leestijd

  • PHP micro optimalisatie: inleiding

    Wat voor frontend/web performance optimalisatie geldt, geldt ook voor PHP. Op beide vlakken zou geoptimaliseerd moeten worden, en de mate waarin dit kan, hangt af van het gebruikte framework of CMS, en de aanwezige kennis op deze vlakken.

    • ± 2 minuten leestijd

  • PHP memory in Wordpress CMS

    Tot dusver is er veel gezegd over frontend / client side optimalisatie, oftewel het reduceren en/of samenvoegen van http requests als ook bronnen. Maar ook verder onder de motorkap valt er vaak uitstekend te optimaliseren en dus winst te behalen. Afhankelijk van de afwikkeling, zal HTML pas in de browser terecht komen, als de code onder de motorkap klaar is met zijn taak.

    • ± 4 minuten leestijd

  • Google Fonts optimalisatie

    Voorheen trof je fonts als Arial, Verdana en hopelijk nooit Times New Roman aan op websites. Inmiddels komen lettertypes in verschillende soorten en maten, en daarmee ook in verschillende (bestand)groottes. Waar wil je je bezoekers mee opzadelen, en kan dit optimaler?

    • ± 4 minuten leestijd

  • Wordpress en resource hints

    Vanaf Wordpress versie 4.6, voegt Wordpress automatisch resource hints toe aan de broncode van je website. Dit lijkt echter zonder enig beleid te gebeuren. In dit artikel tref je dan ook een praktijk-voorbeeld omtrent resource hints, van hoe het niet moet.

    • ± 4 minuten leestijd

  • Resource hints

    Met de vele bronbestanden welke door websites gebruikt worden, kunnen resource hints de browser vertellen welke bronnen belangrijk zijn om prioriteit te geven bij het laden. Laadtijd en performance kun je ermee versnellen, doordat je de browser alvast vooruit kunt sturen met specifieke taken.

    • ± 4 minuten leestijd

  • AMP binnen een uur door Google geïndexeerd

    Reeds een dag na mijn eerdere publicatie, lijkt de AMP uitrol die het weekend heeft plaats gevonden, door Google deels te zijn geïndexeerd. Van de inmiddels zeven geïndexeerde pagina's, is er zelfs één AMP uitschieter.

    • ± 3 minuten leestijd

  • AMP implementatie en snelheids test

    Het zal geen geheim zijn dat ik graag in alle hoeken van het speelveld mag experimenteren omtrent snelheid- als ook performance winst en onnodig ballast te laten varen. Accelerated Mobile Pages is daar een voorbeeld van. Maar hoe snel is Google's AMP?

    • ± 3 minuten leestijd

  • Wordpress plugins: de afkomst

    Het grote voordeel van Wordpress, is direct ook zijn nadeel. Uiteraard hebben we het dan over plugins, hoe verrijkend zijn ze en voor wie? Een beknopte inzage in de kanttekeningen vanuit de bron.

    • ± 4 minuten leestijd

  • HTTP/2 introductie en ondersteuning

    Vijftig tot wel honderden bestanden, terwijl de browser 6 tot 8 requests tegelijk af kan handelen. Dit betekent een lange laadtijd van je website voor je bezoekers. HTTP/2 maakt dit verleden tijd.

    • ± 4 minuten leestijd

  • Page Speed Insights' naakte waarheid

    Ondanks het feit dat heden ten dage onze projecten voor 90% uit maatwerk webapplicaties bestaan, is de affiniteit voor puur frontend development in zijn breedste zin intact gebleven. Reeds in 2005 hield ik mij bezig met de semantiek van HTML; tabellen voor layout-doeleinden was tot dat moment hèt middel, maar uiteraard not-done.

    • ± 6 minuten leestijd

  • Maatwerk en (waarom geen) Wordpress

    Met regelmaat krijg ik de vraag toegespeeld om een inlog­omgeving of webapplicatie in andere vorm, te realiseren middels Wordpress. Doordat Wordpress voor mij echter enkele kanttekeningen heeft, realiseer ik maatwerk applicaties van dit kaliber niet middels Wordpress.

    • ± 4 minuten leestijd

  • CMS sniffers en hackers

    Dagelijks krijg ik te maken met willekeurige 404 meldingen en dus verwijzingen naar niet bestaande interne pagina's, zo lijkt het op het eerste gezicht. De veelvoud aan deze meldingen hebben echter een andere oorzaak die gezocht moet worden in de hacking-wereld.

    • ± 2 minuten leestijd

  • Extranet en intranet voor Nuon en EMO

    Het éne intranet is afgerond, het andere wordt op een andere locatie opgebouwd. Het ontwikkelde extranet voor Nuon Sales Force, met als doel alle uren, kilometers en sales te registreren, is inmiddels een in volwassen stadium. Een nieuw project van nagenoeg eenzelfde omvang staat inmiddels op de planken.

    • ± 1 minuut

  • To www, or not to www

    Online genoeg discussies te vinden, of je www zou moeten gebruiken voor je website, of een zogenaamde naked-domain, dus zonder www. De één kijkt vanuit esthetisch oogpunt, de ander kijkt naar meer praktische zaken.

    • ± 4 minuten leestijd

  • Methoden om email spam te voorkomen

    Het plaatsen van een emailadres of formulier op een website is tegenwoordig niet meer zonder gevolgen. Het aantal ongewenste spamberichten groeit met de dag. Spam software doorzoeken websites om emailadressen en formulieren te kunnen misbruiken voor spam doeleinden. Aan ons de taak om hier iets aan te doen.

    • ± 7 minuten leestijd