Sivujen optimointia

Viime päivinä olen optimoinut PitStop Finlandin kotisivuja ja samalla huomasin, että näille sivuille voisi tehdä pienen remontin. Mitään isompaa ei tarvinnut tehdä kuin pieniä korjauksia sinne tänne.

Ensimmäisenä avasin Googlen PageSpeed Toolsin, joka ilmoitti korjauslistaksi mm. kuvien optimoinnin ja CSS:n pakkauksen. Kuvien pakkaukseen käytin optijpeg sekä pngoptim ohjelmia, jotka löytyvät kätevästi niin Debian Linuxille kuin macOS:lle Homebrewin kautta.

CSS:n pakkaamiseen työkalut löytyivät suoraan Jekyllistä. Riitti, kun _config.yml-tiedostoon lisäsi seuraavan rivin

sass:
  style: compressed

Nämä korjaukset riittivät PageToolsille, jotta sain mittarit näyttämään vihreää. Nopeuseroa en desktopissa juuri huomannut. Kevyemmät kuvat tietysti latautuvat nopeammin.

Näiden lisäksi testasin sivujen HTML:n huvikseni W3:n validaattorilla, jota en ole käyttänyt vuosiin. Oli ilo huomata, ettei tälle ollut tarvetta. Ainoastaan viittaus schema.orgin skeemoihin puuttui HTML-tagista.

Tunnisteet: googlejekyllkotisivutoptimointi