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!😉
Net als snelheid en toegankelijkheid horen we vanuit steeds meer hoeken dat duurzaamheid ook een rol kan gaan spelen bij performance tools als Lighthouse en WebPageTest. En het wellicht zelfs geïntegreerd kan gaan worden in Chrome DevTools. Maar welke stappen zijn er hier nog voor nodig?
Recent werd bekend dat de aangekondigde Core Web Vitals ranking update enkele weken wordt uitgesteld. Wat houdt dit in en wat staat er te veranderen?
Vanwege snelheid maar ook toegankelijkheid hebben we slechts eens ter test een chatbot op onze site gehad, om hem vervolgens weer te verwijderen. Ook het abonnement van de chat-provider paste niet bij onze doelgroep. Oftewel, einde van de chatwidget.
Ben jij de rust zelve en ga je gewoon iets anders doen, of zorgt het ook bij jou tot een hogere bloeddruk wanneer je tegen deze website frustraties aan loopt?
Groot nieuws in Google Pagespeed-land! We wisten al dat de Core Web Vitals er aan zat te komen. Maar vanaf nu hebben we een maand (mei 2021) en de aankondiging dat jouw site-vitaliteit ook getoond wordt op de pagina's met zoekresultaten van Google, met een badge.
Aangezien de Web Vitals vanaf 2021 een onderdeel worden van je Google ranking, is het nog belangrijker naar je eigen positie en die van je concurrenten te kijken.
Fun fact! Maak je gebruik van Pagespeed Insights, en heb je veel bezoekers op je website? Dan presenteert Google je gratis ook de echte gebruikerservaring die jouw bezoekers op de website hebben ervaren. [*]
Wij vinden het belangrijk dat websites van onze hand, door iedereen kunnen worden benut. Maar hoe bewerkstelligen we dat?
Is een Progressive Web App (PWA) voor iedereen, was de hoofdvraag op LinkedIn. Uiteraard, maar tegen welke kosten. En interessanter, wat zijn de redenen om voor PWA te kiezen?
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.
Uit analyse van ruim 4 miljoen websites, blijkt de performance score mediaan ruim onvoldoende te zijn: slechts een score van 41% wordt er behaald.
Niet je eigen ervaring, maar de laadtijd die je echte doelgroep en gebruikers ervaren, is waar je oog voor moet hebben.
Begin deze week berichtte Google op hun blog over de vernieuwde TestMySite omgeving. Wat is het en wat kun je er mee?
"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.
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.
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.
De grootste uitdaging onder de voormalige PageSpeed Insights tests, is volledig komen te vervallen nu de PageSpeed Insights gebruik maakt van de Lighthouse engine.
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!
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.
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.
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.
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.
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: toegankelijkheid en snelheid.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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?
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.
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.
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?
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.
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.
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.
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.
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.
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.
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.
Een neuro-wetenschappelijk onderzoek toonde aan dat vertraagde laadtijd van webpagina’s hartritme en stresslevels verhoogt.