Webperf #75

“Do not confuse motion and progress. A rocking horse keeps moving but does not make any progress.”
— Alfred A. Montapert

Intro

Hej där

Augustis nyhetsbrev är mer mixat än vanligt. Verktygstips för att minska att din layout hoppar till, vilket gynnar både människor och maskiner. En förmaning om att använda ARIA-attribut, att Chrome underlättar att mäta prestanda på SPA-webbplatser, och vad som kan vara nästa front Google jobbar på som kommer ge ännu mindre trafik till våra webbplatser.
Och augustis topplistor också, förstås.

Om du tror att en vän eller kollega skulle uppskatta detta nyhetsbrev, ja skicka dem då den här länken så kan de påbörja sin egen prenumeration.

Allt gott
/Webperf crew

---

Hoppa till avsnitt:

1. Ett verktyg för att bedöma hopp i layouten pga teckensnitt
2. ARIA kan ta bort semantik om det används fel
3. Chrome mäter sidbyten som inte laddar om sidan (på SPA-webbplatser)
4. Generativa gränssnitt: Små verktyg på webbplatsen kan byggas om av Google
5. Ägarskap över webbanalysen och frågan som styr insamlingen
6. Vilka var bäst i augusti?

---

Ett verktyg för att bedöma hopp i layouten pga teckensnitt

När vi använder typsnitt som laddas över nätet kan sidan hoppa till när det riktiga typsnittet väl är på plats. Sådana hopp i layouten påverkar både upplevelsen och hur stabil sidan känns, och de räknas in i flera prestandamått. Inklusive hur agentvänlig webbplatsen är.

Ett nytt litet verktyg vid namn Fontastic Space hjälper oss att jämföra typsnitt och deras reservalternativ. Genom att välja ett reservtypsnitt som ligger nära det önskade i storlek och form kan vi minska skillnaden när bytet sker. Resultatet blir en lugnare och mer stabil sida för besökaren.

Det här är ett bra exempel på hur små och genomtänkta åtgärder kan ge tydliga förbättringar. Vi behöver sällan göra allt på en gång.
→ Prova Fontastic Space

ARIA kan ta bort semantik om det används fel

ARIA är ett kraftfullt verktyg för att förbättra tillgängligheten, men det kommer med ett stort ansvar. En sak som lätt förbises är att felaktigt använda ARIA-roller kan ta bort semantik helt och hållet, även hos underliggande element.

Ett exempel är när vi lägger en roll på ett element som påverkar hur dess barn tolkas. Då kan listpunkter eller andra delar förlora sin ursprungliga betydelse för hjälpmedel. Grundregeln är att vi bör känna till vad en roll faktiskt gör innan vi tar den i bruk. När vi är osäkra är det ofta tryggare att låta den inbyggda semantiken i HTML göra jobbet.

Det här är en nyttig påminnelse om att tillgänglighet bygger på omsorg och kunskap snarare än på att lägga till så mycket som möjligt.
→ ARIA roles can remove their children’s semantics (Stefan Judis)

Chrome mäter sidbyten som inte laddar om sidan (på SPA-webbplatser)

På webbplatser där innehållet byts utan att sidan laddas om har prestandamätningen bara sett den första laddningen. Chrome 151 känner igen när en användare klickar sig vidare till en ny vy och mäter hur lång tid det tar innan den syns.

Det ger oss underlag vi ofta saknat. En snabb startsida säger ingenting om att vägen till kundvagnen tar flera sekunder.

Samtidigt finns det skäl att vara försiktig när siffrorna börjar röra sig. Många mätverktyg räknar redan den här sortens sidbyten på sitt eget sätt, och när webbläsaren också gör det kan samma steg hamna i statistiken två gånger utan att något ser fel ut.
→ Web-Perf Wednesday 001 (Harry Roberts)

Generativa gränssnitt: Små verktyg på webbplatsen kan byggas om av Google

Har vi en kalkylator eller ett litet räkneverktyg som drar besökare från sökmotorn kan det vara värt att titta närmare på. Google har börjat bygga egna versioner av den sortens funktioner direkt i sökresultatet, alltså ett fungerande gränssnitt som skapas för den fråga någon just ställde. Det betyder inte att någon kopierar vårt verktyg, utan att det byggs ett nytt från grunden.

Det gör att frågan blir en annan än vi kanske väntat oss. Den handlar om huruvida vårt verktyg gör något som Google inte kan räkna ut på egen hand. Momsuträkningar, enhetsomvandlingar och andra funktioner som bygger på allmänt kända formler ligger förstås illa till.

Verktyg som utgår från data bara vi har, som prisnivåer i vår bransch eller antaganden vi byggt upp under lång tid, är svårare att ersätta. Men den gränsen kommer att flytta sig.

Nikki Pilkington föreslår att vi tar reda på vad verktyget faktiskt gav oss innan vi oroar oss. Många sådana sidor har levererat besök utan att leda till affärer, och då försvinner en siffra ur rapporten snarare än uppstådd nytta.
→ Which tool pages are most at risk from AI Overviews (Nikki Pilkington)

Data i överflöd är ingen bra ingång till webbanalys

Marknadsföringen av analysverktyg utgår ofta från att data redan finns i stora mängder och att det svåra är att göra den användbar. Antagandet håller inte. Den data vi råkar ha speglar mest standardinställningar i verktyget och vad någon leverantör tyckte var lämpligt att slå på vid installationen.

Börjar vi i stället i verksamhetens fråga blir behovet konkret. Vill vi veta hur många som avbryter en ansökan halvvägs vet vi vad som behöver mätas. Vill vi veta varför de avbryter finns svaret inte i besöksstatistiken, och då behöver vi fråga användarna.

I texten går vi igenom vad som kännetecknar en verksamhetsfråga och hur vi kan börja reda ut det här när verktyget redan rullat i några år. Utforskande analys får gärna väcka frågor, men beslut behöver underlag som samlats in för ändamålet.
→ Data i överflöd är ingen bra ingång till webbanalys (Webperf)

Så vem var bäst i augusti 2026?

• Politiska partier – Moderaterna, Miljöpartiet och Socialdemokraterna
• Svenska kommuner – Eskilstuna först som vanligt, Götene på andra och Gävle behåller tredje.
• Svenska regioner – Region Skåne, Stockholm, och tredje till Region Kalmar.
• Övrig offentlig sektor – Sveriges Domstolar, Justitieombudsmannen och SCB.
• Offentlig sektors webbtjänster –  Cert.se, Soctanter på nätet och Regionala cancercentrum i samverkan.
• Medier – Tidningen Svensk Polis, Sveriges natur och VGRfokus.
• Hälso-, sjuk- och tandvård – Södertälje sjukhus på delad förstaplats med Södersjukhuset, S:t Eriks ögonsjukhus på tredje.
• Kulturverksamheter – Hälsinglands museum håller förstaplatsen, Eskilstuna stadsmuseum på andra och på tredjeplats hittar vi både Eskilstuna konstmuseum och Nordiska museet.
• Patientorganisationer
• Tankesmedjor och intresseorganisationer – Lokala Partiers Nätverk, SKR och tredje till Seglora smedja.
• Insamlingsorganisationer
• Fackförbund & professions­föreningar – Bussarbetarnas , Naturvetarna och tredjeplatsen till Byggnads.
• Utbildning och forskning – Örebro universitet håller förstaplatsen, KTH och Antagning.se på delad andraplats.
• IT-bolag och webbyråer - Friktion, Factor10 och Webperf.se
• Övrigt digitalt – Nuelab, myConf och tredjeplatsen går till t12t.se
• Bolag ägda av offentlig sektor – Hedemorabostäder, Svensk Exportkredit och Västtrafik delar tredjeplatsen med Härnösandshus.
• OMX 30 Stockholm – Sandvik, Astra Zeneca och Lifco.
• Svensk turism – Visit Nordmaling, Visit Hallsberg och Visit Flen.
• Svenska och europeiska moln - OpenSverige AI-Infra, Berget AI och European alternatives.
• Samhällsservice – Agria djurförsäkring, Apotek Hjärtat och Apotek 365.
• Ehandel – Adlibris, Inet och Hornbach.
• Banktjänster – Ica Banken, Skandiabanken och JAK Medlemsbank.
• Biljettförsäljning och trafikinformation om persontransporter – Västtrafik, Östgötatrafiken och Krösatågen.
• Internet- och telekom-abonnemang – QuickNet, Servanet och Vimla.
• Playtjänster för tv- och radiokanaler
• Bibliotekskataloger och plattformar som distribuerar e-böcker
• Webbversioner av kommunikationslösningar
• Hjälpsidor för andra produkter och tjänster
• A-kassor – A-kassan Vision, Fastighets A-kassa och på tredjeplats Sekos a-kassa.
• Idrottsorganisationer – Svenska Isseglarförbundet, följda av Golfförbundet och Cricketförbundet.
• Arbetsgivarorganisationer – SKR, Energiföretagens arbetsgivareförening, tredje delas av Arbetsgivaralliansen och Teknikgrossisterna.
• All offentlig sektor i augusti – Eskilstuna toppar, andraplats för Sveriges domstolar, tredje till Örebro universitet.

Avslutningsvis…

Vi har en Slack-kanal öppen för vem som helst. Där diskuterar vi kvalitetskriterier som Webperf använder, ger support till varandras strävan att bygga bra webbplatser, bland annat:

• Om du inte redan är med på Webperfs Slack kan du fixa dig en inbjudan
• Du som redan är med på Webperfs Slack kan gå hit för att logga in

Letar du efter något att läsa?

Gratisböcker:

• Webbanalys – förstå och förbättra användarnas upplevelse – finns för läsning på Webperf och gratis att ladda ner bland annat hos Apple och Smashwords.
• Webbstrategi för alla – läs direkt på nätet eller ladda ner som .epub
• Designing for Performance – läses gratis på webben. Utmärkt bok skriven av Lara Callender Hogan.
• High Performance Browser Networking – för dig som verkligen vill grotta ner dig i tekniska detaljer för att uppnå hög prestanda. Skriven av Ilya Grigorik.
• Animation in Design Systems av Val Head
• The Magic of CSS av Adam Schwartz
• Resilient Web Design av Jeremy Keith
• Javascript for Web Designers av Mat Marquis
• You Don’t Know JS av Kyle Simpson
• Learn to Code HTML & CSS av Shay Howe
• Designing for the Web av Mark Boulton
• Eloquent JavaScript av Marijn Haverbeke
• On Web Typography av Jason Santa Maria
• Design for real life av Sara Wachter-Boettcher och Eric Meyer
• Flexible Typesetting av Tim Brown
• Going offline av Jeremy Keith
• Practical SVG av Chris Coyier
• Accessibility For Everyone av Laura Kalbag

Och missa inte Authors Apart!

Om du gillade detta nyhetsbrev får du gärna fundera på om du känner någon som borde prenumerera. Skicka dem denna länk för att anmäla sig till nyhetsbrevet i så fall!