CO2 uitstoot en milieu impact van websites en servers
Elke 100e klant vliegt met Blue 2 Blond CO2 neutraal naar Parijs. Hoe wij dat realiseren, heb ik voor je uitgerekend.
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!😉
Elke 100e klant vliegt met Blue 2 Blond CO2 neutraal naar Parijs. Hoe wij dat realiseren, heb ik voor je uitgerekend.
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?
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.
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.
Het web staat niet stil. De introductie van zogenaamde KPI's om de user experience in kaart te brengen, ook niet. Daarin is de metric CLS vrij nieuw, toch?
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?
Ik hoor het vaker: kies snelle hosting voor een snelle site. Echter, hoe groot is de rol van hosting ten opzichte van gekozen CMS en website?
Samen met AVG Cloud Register hebben we de websites van de politieke partijen in de Tweede Kamer getest op een 6-tal disciplines. Is de uitslag representatief voor waar ze voor staan?
Gelukkig hebben we oude analyses nog bewaard, om nu te kunnen vergelijken. Volgens Google zouden je performance resultaten er namelijk op vooruit moeten gaan.
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?
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.
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.
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'.
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.
Uit analyse van ruim 4 miljoen websites, blijkt de performance score mediaan ruim onvoldoende te zijn: slechts een score van 41% wordt er behaald.
"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:
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!
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.
Een schokkerige animatie of laggy scroll gedrag, we kennen het allemaal. Zelfs wanneer het goed zit met de eigenlijke pagespeed, kan een slechte performance alsnog impact hebben op doorklikgedrag van bezoekers en dus conversie.
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.
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.
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?
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.
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.
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.