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

  • 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's TestMySite update

    Begin deze week berichtte Google op hun blog over de vernieuwde TestMySite omgeving. Wat is het en wat kun je er mee?

    • ± 2 minuten leestijd
  • 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.

    • ± 6 minuten leestijd
  • User-case: hoe bereik je optimale pagespeed

    De intentie van Wiechers Wonen is altijd: pionier zijn in de meubelbranche als ook online. En online ervaring gelijk trekken met de klantervaring in de winkel. Met een optimale website blijft men bereid om rond te klikken en over te gaan tot conversie.

    • ± 4 minuten leestijd
  • AMP als antwoord op laadtijd en performance (deel 1)

    Zelden ben ik kort van stof als er een onderwerp binnen mijn vakgebied wordt aangesneden. Omdat het antwoord te lang was voor LinkedIn op het vraagstuk of AMP een oplossing is voor een goede ranking in de zoekmachine resultaten en welke andere oplossingen er zijn, dit artikel.

    • ± 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
  • PageSpeed Insights op Lighthouse basis

    Google's PageSpeed Insights is één van de vele tool-sets die een gemiddelde frontend developer tot zijn arsenaal rekent. Hopelijk hoorde Google's Lighthouse daar ook reeds bij. Lighthouse is een Google extensie dat vanuit de browser (DevTools), command line of als node module gedraaid kan worden. Het geeft middels scores vervolgens inzicht in onder meer de performance, accessibility en SEO.

    • ± 2 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
  • SEO bevindingen voor miljoenen extra omzet

    Online ben je niet snel uitgeleerd en valt er ook altijd van elkaar te leren. Eén van de punten die ten grondslag liggen aan de onder meer SEO gerelateerde publicaties op deze website. Dit keer: Hoe je met de juiste technische SEO tips een bedrijf aan miljoenen extra omzet helpt.

    • ± 13 minuten leestijd
  • Maand van website toegankelijk­heid en snelheid

    Na 25 mei als mijlpaal voor de privacy wetgeving, beter bekend als de AVG of GDPR, is er voor websites een tweede meetmoment. Dit meetmoment omslaat, afhankelijk van de type organisatie, twee website niches: toegankelijk­heid en snelheid.

    • ± 3 minuten leestijd
  • Google zegt: website laadtijd en snelheid van belang

    Vanaf begin juli 2018 is het zover; webpagina's die langzaam inladen voor een eindgebruiker, kunnen een negatieve impact in de Search Engine Result Pages (SERP's) tegemoet zien. Verdeeld over meerdere blogs, valt de visie van Google en daarmee ook marketeers te ontleden.

    • ± 3 minuten leestijd
  • Google Tag Manager, AVG en Google PageSpeed

    Google Tag Manager, één van de meer recentie versies in de Google Tracking history, is uit het leven van met name marketeers niet meer weg te denken. Google Tag Manager kent dan ook vele voordelen, maar heeft ook (overkomelijke) kanttekeningen.

    • ± 4 minuten leestijd
  • MFA Europe kiest met Blue 2 Blond voor AVG compliance

    MEDIC FIRST AID ® is wereldwijd actief op het gebied van eerste hulpverlening cursussen voor bedrijven, industrie en de individuele wereld burger. MFA is dan ook een EHBO opleidingsinstituut met aangesloten trainingscentra, met 80.000 opgeleide instructeurs in 10 verschillende talen verdeeld over meer dan 120 landen.

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

    • ± 2 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
  • Google's AMP seminar te Londen

    Een grote nationale of internationale nieuws organisatie die online aanwezig is? Wij alles behalve. Toch lijkt AMP ook voor de bedrijven die niet primair online uitgevers zijn, van toegevoegde waarde.

    • ± 3 minuten leestijd
  • Wel of geen HTTPS / SSL certificaat afsluiten

    Je website is gebouwd en staat live, maar is niet voorzien van een SSL certificaat en data loopt dus over een http-verbinding. Een klant vroeg ons of het afsluiten van een SSL certificaat in haar geval van toegevoegde waarde was.

    • ± 2 minuten leestijd
  • Website optimalisatie, een stap verder

    Je kunt ver gaan in het optimaliseren van je website, door requests en laadtijd te reduceren. Het één is eenvoudiger door te voeren dan het ander. Waar exact kun je verder optimaliseren?

    • ± 6 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 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 in de strijd tegen bloated websites

    Zowel de hoeveelheid, mogelijkheden, als ook grootte per stuk van plugins, groeien als kool. Daarmee ook de website resources en dus de laadtijd. Neem de veelvoud en grootte van afbeeldingen mee, en je hebt website bloat.

    • ± 3 minuten leestijd
  • 100% PageSpeed score en Mobilegeddon

    Druk bezig om een pagespeed score van 100% te behalen? Vele factoren spelen een rol, waarbij Google's PageSpeed Insights onder meer met zaken als blokkerende bronnen strooit, als ook niet gecachte bestanden en optimaliseren van afbeeldingen.

    • ± 2 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
  • Critical Path CSS / above the fold

    Critical Path CSS zul je vooral tegen komen, wanneer je je website door Google's PageSpeed Insights haalt. Critical path CSS houdt het volgende in: zo snel mogelijk aanleveren van kritieke CSS -verantwoordelijk voor de bovenkant van de website-, direct in het html-document. Het nut? Hiermee kan de bezoeker op een langzame internet verbinding alvast beginnen met lezen van het above-the-fold deel van de webpagina.

    • ± 5 minuten leestijd
  • Asynchrone fonts en de nieuwe font-property

    In navolging van web performance, als ook requests optimalisatie vorige maand, hebben we er voor gekozen om de custom Google Font asynchroon in te laden. Geen issue's zover, mits je surft over goed internet.

    • ± 4 minuten leestijd
  • Chromes network throttling optie

    Over het algemeen mogen we niet klagen over de internetsnelheden in Nederland. Zware websites hoeven geen issue meer te zijn. Toch gaat deze vlieger niet altijd op. Naast je eigen wifi, laat ook mobiel internet in Nederland je wel eens in de steek. Of denk aan vakantie-gangers, die vanaf Spanje of onze eigen waddeneilanden toch je media-site/blog of zakelijke diensten wil raadplegen.

    • < 1 minuut