Webperf #62

”Automated tools are essential for modern accessibility workflows, but they are not a complete solution. True compliance requires the precision of human judgment alongside the speed of automation.”

– Melwyn Joseph

Intro

Hej där!

De flesta tycks ha semester nu. Så ser det åtminstone ut i statistiken om hur många som kollar in Webperfs webbplats. Men det har kommit lite nyheter runt Webperf. Bl.a. att det finns en kategori av webbplatser för de som organiserar arbetsgivare, precis som det finns fackförbund för arbetstagare. En annan nyhet är att Piwik PRO slutar erbjuda en gratistjänst och så har EU:s tillgänglighetsdirektiv (EAA) slagit igenom för en månad sedan.

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. Microsoft medger att de inte kan skydda våra data mot myndigheter i USA
2. Upptäck dåliga tredjeparter proaktivt
3. Hur stajlar jag mina kryssrutor i HTML och CSS?
4. Core Web Vitals visar positiv utveckling över tid
5. Vilka webbplatser var bäst i juli?

Microsoft medger att de inte kan skydda våra data mot myndigheter i USA

Det kommer nog inte som någon chock för oss i Webperf-communityt eller de som hårdbevakat dataskyddsområdet i några år, men en representant från Microsoft medgav under ed att de faktiskt inte kan lova att skydda våra data mot myndigheter i USA. Inte heller att de skulle berätta för oss när de lämnar ut våra data. Som många säkert känner till tycks USA och deras myndigheter under senaste presidenten gått från att inte vara så bra till en rejält auktoritär dikeskörning.

Reaktioner på den här nyheten är främst i formen av ”vad var det jag sa” eller ”ja, varför skulle det vara valfritt för Microsoft att följa moderlandets lagstiftning?” De som brukar relativisera problemet eller komma med lugnande besked tycks fortfarande ha semester.

Samtidigt är det intressant i relation till Microsofts budskap, ganska nyligen, om den ”EU-datagräns” de har för sina molntjänster.

“EU-datagränsen för Microsoft Cloud
Läs mer om hur Microsoft hjälper kunder i EU och EFTA (Europeiska frihandelssammanslutningen) att bearbeta och lagra kunddata i sin region.”
– Översikt över Microsofts EU-datagräns (Microsoft Säkerhetscenter)

Man kan alltid diskutera begreppet att bearbeta, men åtminstone inom ett GDPR-sammanhang innebär det all form av hantering, förändring, anonymisering, etc.

”Data lagras och bearbetas inom EU. Microsofts EU-datagräns innebär en avsevärd minskning av molndataflödet som går ut ur EU.”

Ja det är ju bra om Microsoft lyckas uppnå en avsevärd minskning. Men samtidigt är ju diskussionen om USA-baserade molntjänster inom EU automatiskt är en så kallad tredjelandsöverföring. Det verkar Microsoft nu medge.
→ Tredjelandsöverföring enligt Integritetsskyddsmyndigheten

Det är positivt att leverantörer som Microsoft börjar tala klarspråk. Förhoppningsvis kommer det leda till rimligare ställningstaganden här i Sverige om när dessa tjänster alls är ändamålsenliga eller lämpliga för det de är tänkta att användas till.
→ Microsoft erkänner under ed: EU-data kan överföras till USA utan vår kännedom (Webperf)

Upptäck dåliga tredjeparter proaktivt

Att reagera på prestandaproblem i produktion är både kostsamt och oprofessionellt. Paul Calvano har utvecklat verktyget Third Party Explorer som identifierar potentiella prestandarisker innan de påverkar användare. Eftersom nästan alla webbsidor använder minst en tredjepartstjänst, och mediansidan laddar 43 stycken olika tredjepartslösningar, behövs bättre analysverktyg.

Verktyget bygger på WebPageTest-data och skapar en dashboard för djupanalys av tredjepartstjänsters påverkan. Det analyserar renderblockering, CPU-användning, komprimering och CDN-användning, samtidigt som det kategoriserar problem baserat på när resurser laddas under sidladdningen.

Verktyget flaggar automatiskt domäner för Perf Risk och SPOF Risk baserat på kriterier som okomprimerat innehåll över 10KB, renderblockering eller hög CPU-användning. Detta ger en strukturerad metod för att bedöma tredjepartslösningar istället för att förlita sig på magkänsla eller hoppas på det bästa.

Calvanos bloggpost innehåller praktiska exempel och konkreta råd för systematiskt arbete med prestanda när det gäller tredjeparter. Genom proaktiva metoder kan vi förutse och säkerställa att prestanda är bra nog.
→ Discovering Third Party Performance Risks

Hur stajlar jag mina kryssrutor i HTML och CSS?

Tillgänglighetsexperterna Martin Lexelius och Jon Fredelius har genomfört en grundlig undersökning av hur olika stylingmetoder för kryssrutor påverkar tillgängligheten. Deras fynd är nog nyttiga för alla som arbetar med webbutveckling. Att HTML-kryssrutor som följer standard presterar bäst i tester med skärmläsare och tangentbordsnavigation är inte så förvånande. Skämtet är trots allt att ”HTML är tillgängligt, sen börjar utvecklare att ha sönder allt”.

De fann att specialbyggda lösningar ofta misslyckas med grundläggande funktioner. Resultaten visar att när utvecklare bygger om HTML-element från grunden, för att uppnå en viss design, riskerar de att ta bort inbyggd funktionalitet som är avgörande för personer med funktionsnedsättningar.

Det som gör att du borde läsa nedan artikel är att den konkret demonstrerar hur designbeslut kan påverka riktiga människors möjlighet att använda webben. Genom att välja semantisk HTML och följa etablerade standarder kan vi säkerställa att våra gränssnitt fungerar för alla användare.
→ Styling av HTML-element (Martin Lexelius och Jon Fredelius)

Core Web Vitals visar positiv utveckling över tid

Att prestanda på webben påverkar användarupplevelsen är ingen nyhet för dig, eller att tillgängligheten till information och tjänster online kan förbättras. När vi pratar om webbprestanda handlar det inte bara om teknisk optimering utan också om att säkerställa att alla användare, oavsett geografisk plats eller prylens kapacitet, kan komma åt innehåll på ett rimligt sätt. DebugBears rapport om laddningstider under 2024 ger oss viss insikt i hur webben presterar i verkligheten och var vi står.

Data från Googles Chrome User Experience Report (CrUX) visar att den genomsnittliga webbsidan laddar sitt huvudinnehåll på 1,3 sekunder, mätt genom mätetalet Largest Contentful Paint. Denna siffra döljer dock betydande variationer mellan enheter, geografiska regioner och webbsidors popularitet. Mobila enheter uppvisar konsekvent längre laddningstider än datorer. Att vissa länder har användare som väntar upp till nio sekunder på innehållet kan verka galet för oss i Sverige. Dessa skillnader understryker vikten av att förstå prestanda ur ett globalt perspektiv där teknisk tillgång varierar kraftigt.

Det är en påminnelse om att webbprestanda inte bara är en teknisk utmaning utan en fråga om digital rättvisa för den mångfald av användare vi har, även fast vi inte alltid inser det i vår egen vardag.

Rapporten visar att situationen faktiskt förbättras över tid, vilket tyder på att branschens fokus på mätvärden som Core Web Vitals ger resultat.
→ How Fast Do Websites Load In 2024? (DebugBear)

Så vem var bäst i juli 2025?

• Politiska partier – Moderaterna fortsätter att vara bäst av riksdagspartierna, följt av Miljöpartiet och Vänsterpartiet.
• Svenska kommuner – Eskilstuna först som vanligt, och Götene passerade Hedemora.
• Svenska regioner – Region Skåne fortsätter, andra till Norrbotten och på tredje kom Halland.
• Övrig offentlig sektor – SCB, MUCF och tredje till Konsumentverket.
• Offentlig sektors webbtjänster – Cert.se på förstaplats, Skånevux och tredje till Regionala cancercentrum i samverkan.
• Medier – SVT, Dagens Nyheter och Tidningen Svensk Polis.
• Hälso-, sjuk- och tandvård – Södertälje Sjukhus, S:t Eriks ögonsjukhus och Södersjukhuset.
• Kulturverksamheter – Hälsinglands museum håller förstaplatsen, Eskilstuna stadsmuseum och Eskilstuna konstmuseum
• Patientorganisationer
• Tankesmedjor och intresseorganisationer – Lokala Partiers Nätverk, Forum CIV och Union to Union.
• Insamlingsorganisationer
• Fackförbund & professions­föreningar – SEKO främsta fackförbundet i juli, följt av Byggnadsarbetare­förbundet och Fastighetsanställdas.
• Utbildning och forskning – Örebro universitet, Linköpings universitet och Antagning.se
• IT-bolag och webbyråer~ Factor10 får toppbetyg, följda av Whitespace och Axess Lab
• Övrigt digitalt – myConf, Nuelab och Friktion
• Bolag ägda av offentlig sektor – Krokoms­bostäder, och andraplatsen delas av Lahomlmsbuktens VA och Haningebostäder
• OMX 30 Stockholm – Sandvik fortsätter sedan i december, följt av Astra Zeneca och Sinch.
• Svensk turism – Visit Eskilstuna, Visit Östergötland och Ragundadalen.
• Svenska och europeiska moln
• Samhällsservice
• Ehandel – Ica, Inet och Coop
• Banktjänster – Resurs Bank, JAK Medlemsbank och Skandiabanken.
• Biljettförsäljning och trafikinformation om persontransporter
• Internet- och telekom-abonnemang
• 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 – Fastighets a-kassa, Sekos a-kassa och Byggnads a-kassa
• Idrottsorganisationer – Svenska Isseglarförbundet strax före Golfförbundet och Fotbollförbundet.
• Arbetsgivarorganisationer – Teknikgrossisterna, Energiföretagens arbetsgivareförening och Återvinningsindustrierna.
• All offentlig sektor i juli – Eskilstuna, strax efter kommer SCB, MUCF och på delad fjärdeplats kom Region Skåne, Örebro universitet och Cert.se

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 från Apple Books och Smashwords
• 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

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!