Checklista för HTML
2024-10-15 på Anders Ytterströms webblogg
För den senaste iterationen av denna webbplats gjorde jag som vanligt mitt allra yttersta för att HTML-dokumenten ska vara så optimala som möljigt.
Följande artikel är en osorterad lista på saker att testa HTML-dokumenten med.
Tester sker på följande sidor:
Är HTML-dokumenten korrekta?
Saker som att säkerhetsställa titel, wellformness etc.
- https://validator.nu
Är HTML-dokumenten vänliga mot skärmläsare (tillgängliga)?
- https://wave.webaim.org/
Är HTML-dokumentens förhandsvisning acceptabel vid delning i Sociala medier?
- https://orcascan.com/tools/open-graph-validator
Presenteras HTML-dokumenten optimalt i resultaten för sökmotorer?
- https://validator.schema.org/
Har webbplatsen en Favicon?
- https://realfavicongenerator.net/checker
Finlir
Är HTML-koden minifierad och GZippad?
- phoenix minify_html
- caddy gzipencode
Är alla stilmallsdeklarationer i toppen av sidan?
- Lighthouse
- YSlow
Är alla script-element på botten av sidan?
- Lighthouse
- YSlow
Laddas bilder och annat sekundärt innehåll lazy eller asynkront?
- loading=lazy
Saker jag inte testat
- Microdata och JSON-LD. Ej aktuella då jag redan kör RFDa.
- Bonus: srcset för att ge webbläsarna möjlighet att välja rätt format för enheten. Jag erbjuder bara en bild.