Vad behöver göras, och hur?
- Mobilanpassning – media queries, relativa enheter, variabler etc.
- Prestanda optimisering – Bild format och upplösning, onödigt innehåll.
- Små justeringar?
- SEO resultat och bearbetning – semantiska element, titel/meta taggar, intern länkning etc.
- Validering av kod och kontroll på olika användaragenter.
Vad hade varit bra att göra?
- Enkelt domskript?
Ändringar, tester och resultat:
- Jag kollade alla delsidor i PageSpeed Insights och ändrade sedan bildformat och bildupplösning på samtliga bilder för att minska användingen av resurser.
- Jag kollade tillgängligheten med hjälp av Wave webbläsartillägget och hittade inga större fel. Några små kontrast fel som jag bedömder inte behöver åtgärdas.
- Jag tog bort Permanent Marker fonten och nu får sidan mycket bättre resultat på PageSpeed Insights.
- Jag lade till en kort Meta beskrivning på varje delsida.
- Jag mobilanpassade sidan med hjälp av primärt media queries, jag har testat sidan i sökmotorerna FireFox, Edge och Chrome där det fungerar nästan helt felfritt förutom en liten sak med “:hover” på Edge men det är inget som förstör funktionaliteten.
- Tillgänglighets resultatet enligt Wave hade inga stora fel, några mindre kontrast fel jag bedömt inte behöver åtgärdas.
- HTML och CSS validerar korrekt.