Optimeerimine - Ristop/valgeranna GitHub Wiki

Kasutatud vahendid:
Google Pagespeed- https://developers.google.com/speed/pagespeed/insights/
Pingdom Website Speed Test - http://tools.pingdom.com/fpt/#!/c5XwdF/http://valgeranna.azurewebsites.net/

Enne optimeerimist
Kiirus - 61/100
User experience - 96/100
Desktop - 77/100
Päringud:


Soovitused:
Mida tuleks parandada:
• Eliminate render-blocking JavaScript and CSS in above-the-fold content
• Reduce server response time - Soovitati css failid kokku panna, et vähem requeste oleks. Ei leidnud, et see muudatus oleks oluliselt meie lehte paremaks teinud ning seetõttu ei viinud seda muudatust käiku.

Mida võiks parandada:
• Optimize images – Lipu pildid tuleks optimeerida.
• Minify JavaScript – Tuleks minimeerida failid jquery.magnific-popup.js ja jquery.jscroll.js
• Minify CSS – Tuleks minimeerida faili bootstrap.css

Mida võiks parandada, et User experience'i tõsta:
• Size tap targets appropriately – Menüü elemendid on üsna väiksed lähedal üksteisele – Ei leia, et menüü elemendit oleksid liiga väiksed või, et neid oleks nutiseadmest halb vajutada. Oleme üritanud nad disainida selliselt, et ka nutiseadmes oleks mugav kasutada.

Tehtud parandused:

• Eliminate render blocking JavaScript
  
• Minify CSS – bootstrap.css fail sai minimeeritud kasutades https://css.github.io/csso/csso.html
  
• Optimize images - selleks kasutasin https://www.giftofspeed.com/png-compressor/
  
• Minify JavaScript – Kuna erinevad compressorid, mida kasutasin muutsid koodi üsna loetamatuks ja liiga kokkupressituks, siis kasutasin compressorit ainult jquery.magnific-popup.js faili minimeerimiseks, kuna teine fail oli niigi väike, siis seda compressoriga ei muutnud. Eemaldasin üleliigsed tühjad read ning muutsin veidi kompaktsemaks küll (failid: jquery.magnific-popup.js ja jquery.jscroll).
  
  

Pärast optimeerimist:
Kiirus - 64/100
User Experience - 96/100
Desktop - 79/100
Päringud: