Webperf #76

“There's no "user-centered design", humane design, UX, CX, whatever you want to call it, without anti-trust, without consumer-protection regulation, without labor power.
Financialized, investor-centered, non-competitive business models under conditions of regulatory capture, including all the media consolidation and all those near-monopolies and -monopsonies, do not reward investments in use-value creation, usability, ease of use, accessibility, transparency, quality, or durability.”
— Erika Hall

Intro

Hej där

Månadens nyhetsbrev handlar om hur webbläsarna kan göra responsiva bilder enklare och om resultatet från State of CSS 2026. Vi tittar också på varför SEO-specialister ofta hittar felen först och hur vi förebygger dem i stället för att städa i efterhand. Och septembers topplista 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. Tekniken för responsiva bilder kan bli enklare
2. Resultatet från State of CSS 2026
3. SEO-specialister upptäcker ofta fel på webbplatsen först
4. Vilka var bäst i september?

---

Tekniken för responsiva bilder kan bli enklare

Responsiva bilder innebär att webbplatsen erbjuder samma bild i flera storlekar, så att en mobil slipper ladda ner en bild som är gjord för en stor skärm. Koden för detta har varit krånglig att underhålla. Nu kan alla stora webbläsarmotorer själva räkna ut hur stor bilden blir på sidan, förutsatt att bilden läses in först när besökaren närmar sig den. Dock är det bara för bilder utom synhåll vid sidladdning som det här funkar. Bilder som syns direkt när sidan laddas omfattas alltså inte, och för dem behövs dagens teknik även framöver.

Vill man ta det ett steg längre finns tekniken Client Hints. Då talar webbläsaren om bildens bredd och servern svarar med en passande storlek. Det kräver dock en bildtjänst på servern. Firefox och Safari stöder inte tekniken med hänvisning till integritetsrisker, och specifikationen är fortfarande ett utkast.
→ Ending Responsive Images (Jason Grigsby)

Resultatet från State of CSS 2026

Den årliga enkäten State of CSS besvarades i år av knappt 5000 personer under maj och juni 2026. Mest uppskattad bland nyheterna är förankrad positionering, som gör det enklare att placera till exempel menyer och verktygstips intill det element de hör till. Samma funktion toppar också listan över det som utvecklare undviker på grund av bristande stöd i webbläsarna.

Andelen CSS som skrivs med hjälp av AI är förvånande låg, med en median på 13 procent, och flera svarande kommenterar att AI ännu inte skriver bra CSS. Enkäten bygger på dem som själva valt att svara och är därför inte representativ för alla som arbetar med webben.
→ State of CSS 2026

SEO-specialister upptäcker ofta fel på webbplatsen först

När något går sönder på en webbplats är det ofta SEO-specialisten som upptäcker det först. Det kan vara en ny design som gör sidorna tyngre eller en webbanalys som slutat mäta det som redovisas för ledningen. En förklaring är att SEO berör många delar av organisationen och samlar in data om allt från sökbeteenden till prestanda och ofta för hela webbplatser.

Du som jobbar med SEO eller analys känner säkert igen dig i att bli sittande med fynd värda att åtgärda, men att organisationen inte tar ägarskap för helheten. Samma sorts fel återkommer. SEO blir en städpatrull som försöker lappa och laga, men utan mandat att förebygga. Nedan artikel föreslår att rättelsen byggs in där felet uppstår, till exempel i sidmallar och i rutinerna för driftsättning, och att ansvaret lämnas över till den som äger plattformen. Som mått på framgång föreslås att vi följer vilka typer av fel som slutar återkomma, snarare än antalet stängda ärenden.
→ SEO is the cleanup crew for organisational dysfunction (Jono Alderson)

Så vem var bäst i september 2026?

Värt att känna till är att det nya DNS-testet inte är inräknat i betygen för septembers listor. Förhoppningsvis är det stabilt nog i oktober.

Nora kommun har lanserat nytt för första gången på över tio år och klättrade några platser på kommunlistan.

• Politiska partier – Socialdemokraterna, Moderaterna och Kristdemokraterna
• Svenska kommuner – Eskilstuna först som vanligt, Gävle och Hedemora delar på andraplatsen.
• Svenska regioner – Region Skåne, Stockholm, och tredje till Region Blekinge.
• Övrig offentlig sektor – Sveriges Domstolar, och Justitieombudsmannen delar andraplatsen med Pensionsmyndigheten..
• Offentlig sektors webbtjänster –  Cert.se, Soctanter på nätet och Regionala cancercentrum i samverkan.
• Medier – Tidningen Svensk Polis, Sveriges natur och Doku.nu
• Hälso-, sjuk- och tandvård – Region Stockholm: Vår vård, Ambulanssjukvården i Storstockholm och Södertälje sjukhus.
• Kulturverksamheter – Hälsinglands museum håller förstaplatsen, Eskilstuna stadsmuseum på andra och på tredjeplats hittar vi Stockholms Stadsmuseum.
• Patientorganisationer
• Tankesmedjor och intresseorganisationer – Lokala Partiers Nätverk, Sveriges Kommuner och Regioner och tredje till Dataskuggan.
• Insamlingsorganisationer
• Fackförbund & professions­föreningar – Bussarbetarnas, Naturvetarna och tredjeplatsen till Byggnads.
• Utbildning och forskning – Örebro universitet håller förstaplatsen, KTH på andra och Antagning.se på tredje.
• IT-bolag och webbyråer - Factor10, Friktion och Webperf.se
• Övrigt digitalt – Nuelab, myConf och tredjeplatsen går till t12t.se
• Bolag ägda av offentlig sektor – Hedemorabostäder delar förstaplatsen med Vatten och Miljöresurs, och tredje till Kalmarhem.
• OMX 30 Stockholm – Sandvik, Astra Zeneca och Handelsbanken.
• Svensk turism – Visit Nordmaling, Visit Flen och Visit Kungsbacka.
• Svenska och europeiska moln - OpenSverige AI-Infra, European alternatives och Berget AI.
• Samhällsservice – Agria djurförsäkring, Apotek Hjärtat och Klostergårdens Apotek.
• Ehandel – Adlibris, Coolstuff och Netonnet.
• Banktjänster – Ica Banken, Skandiabanken och JAK Medlemsbank.
• Biljettförsäljning och trafikinformation om persontransporter – SAS, Västtrafik och Länstrafiken Jämtland/Härjedalen.
• Internet- och telekom-abonnemang – QuickNet, Vimla och Servanet.
• 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, A-kassan Vision och på tredjeplats Sekos a-kassa.
• Idrottsorganisationer – Svenska Isseglarförbundet, följda av Golfförbundet och Cricketförbundet.
• Arbetsgivarorganisationer – Sveriges Kommuner och Regioner, Arbetsgivaralliansen och tredje till Energiföretagens arbetsgivareförening.
• All offentlig sektor i september – delad förstaplats för Eskilstuna och Sveriges domstolar, tredje till Örebro universitet. Delad fjärde till Justitieombudsmannen, Cert.se, Pensionsmyndigheten och Region Stockholm: Vår vård.

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!