I P02 jag uppgraderade Paolos Webbtjänst, en tidigare projekt jag skapade. Jag började med att göra ett fixed header så att du kan hela tiden se menyn. Hemsidan såg ut lite enkelt, så jag la till lite mer text och några fejka kundomdömen.

Jag också med hjälp av Javascript ja lade till ett rullgardinsmeny, men bara för liten skärmar som iPad och mobil, för att jag tycker om hur den ser ut på desktop. Jag är nöjd med den uppgraderade version av Paolos webb och även om designen är inte så annorlunda, jag ändrade det som behövde ändras.

För att förbättra prestandan jag tog ut spacing-header och använt större margin på textet. Jag konverterade alla bilder till webp format och gjorde de mycket mindre med hjälp av Squoosh från Google. Detta har gjort bilderna mycket mindre och ökade responsiviteten mycket. Här kommer skärmdumpar av olika tester: