Kliendikihi optimeerimine - martin329/Valimised GitHub Wiki

#Kliendikihi optimeerimine Keskendusime kahe tähtsama vaate ehk põhivaate ja hääletamise vaate optimeerimisele

##Põhivaade Enne: enne1

Pärast: parast1

Esialgne skoor oli juba päris hea, seega palju ruumi parandamiseks ei olnud.

  • Specify a cache validator: Käib Google Maps API requestitud kaarditükkide kohta
  • Leverage browser caching: Osaliselt lahendatud, piltide ja css-i cacheisime pikemaks ajaks, javascript jäi default 10min peale
  • Serve resources from a consistent URL: Facebooki API kutsub mingil põhjusel sama php koodi kahest eri kohast (static.ak.* ja s-static.ak.*)
  • Inline Small CSS ja Inline Small JS: vastavalt varasematele rakenduse nõudmistele, mille järgi tegime kõik scriptid ja css eraldi failidesse, jäi samaks.
  • Optimize images ja Serve scaled images: Google Maps API pildid
  • Minify JS: FB script, 1% reduction
  • Minify CSS: css on minify-tud
  • Specify image dimensions: Google Maps API pildikesed
  • Specify a character set: ei pidanud oluliseks
  • Remove query strings from static resources: Google Maps API
  • Specify a Vary: Accept-Encoding header : Google Maps API

##Hääletamise vaade

Enne: enne2

Pärast: parast2

  • Leverage browser caching: Jätsime javascripti 10min expirationi peale
  • Defer parsing of JavaScript: JS laadimine on htmli lõpus
  • Specify a character set: Ei anna suurt midagi juurde