Syfte och presentation
Min uppgift är att bygga om Paolos webbhemsida, för att bättre representera hans nya förmågor och kunskaper. Dessutom vill jag göra sidan tillgänglig till ett större antal människor genom att förbättra tillgängligheten, responsiviteten och gränssnittet. Jag har redan skrivit om hur jag tänker förbättra responsiviteten, till exempel genom att använda sidotitlar och metataggar.
Målgrupp
Målgruppen för Paolos webb är folk som vill ha hans tjänst. Därför anser jag att hemsidan bör riktas till små företag och föreningar som vill ha en hemsida.
Dokumentation
Responsivitet
Här testade jag med Bings mobilvänlighetstest, och den sade att min sida är väldigt mobilvänlig. Kontrasterna är bra och alla element är synliga med lämplig storlek. Jag använde mobilvisarläget på Firefox medan jag jobbade för att se hur sidan skulle se ut på en mobil.
Tillgänglighet
Jag testade sidans tillgänglighet med accessibilitychecker.org och fick ett betyg på 95. Den visade noll kritiska problem, och endast tre små problem som jag anser vara irrelevanta för min sida.
Ytterligare optimisering
Jag har nu optimiserat sidan ytterligare, genom att omvandla mina bilder till WEBP-format, samt minska storleken på dem för att skyffla mindre data i onödan. Jag passade även på att lägga till ALT-attribut och meta taggar för bilderna respektive dokumenten i sig, för att förbättra tillgängligheten. Dessa ändringar sköt upp prestandagraderingen och SEO-graderingen till 97% respektive 100%.
Efter det validerade jag HTML-koderna och CSS-koderna, och fixade problemen som den visade. Det var inga stora problem, bara några ändtaggar som hamnat fel och konstiga siffror på några element, o.s.v. CSS-koden hade i förbigående inte några fel alls, vilket jag är stolt över. 🙂
Omvandling till en sida
Som slutprojekt har jag uppgraderat sidan ytterligare genom att göra om den från fyra sidor till en sida. Detta gjorde jag enklast genom att dölja nav-bar:en och slå ihop de fyra HTML-dokumenten in i samma. Jag fixade lite med marginaler och mellanrum, samt nya rubriker och indelningar för att lägga upp det på ett snyggare sätt. Nu kan man se hela Paolos webb som en enda sida, och på Pagespeedinsights visar den poängen 100, 100, 100, 100 för mobil, och 95, 100, 100, 100 för dator. Detta anser jag vara ett mycket bra resultat, och det tyder på att sidan är mycket väl optimerad.
No responses yet