Checklista för HTML

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:

• Startsida
• Webblogg
• Delningar
• Evenemangstidslinje
• Årsvy
• Sida
• Inlägg i webbloggen
• Album
• Evenemang

Ä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.