Kuvapainoitteisten verkkosivujen optimointi Node.js-ympäristössä

Abstract

Opinnäytetyön tavoitteena oli kuvata eri tapoja parantaa kuvapainoitteisten verkkosivujen latausaikaa Node.js-ympäristössä. Lisäksi työssä verrataan kolmen Node.js-paketin tehokkuutta valokuvien serveriltä viemien resurssien minimoimisessa verkkosivuilla. Opinnäytetyössä myös verrattiin kolmen eri tiedostoformaatin tiedostokokoja. Tulosten perusteella opinnäytetyössä tarjotaan ehdotuksia Koli virtual showroom -verkkosivun jatkokehitykselle. Datana näiden kolmen Node.js-paketin vertailuun käytettiin kymmentä valokuvaa eri tiedostoformaateissa ja tiedostokoissa. Kaikissa testitapauksissa alkuperäiset kuvat kutistettiin ja pakattiin niin paljon kuin mahdollista menettämättä kuvan visuaalista laatua. Kuvat myös muunnettiin yhtenäiseksi tiedostoformaatiksi. Kaikki testitapaukset tehtiin kymmenen kertaa, jotta minimoitaisiin tietokoneella pyörivien taustaohjelmien vaikutusta kuvan käsittelyihin kuluneeseen aikaan. Opinnäytetyön tulokset osoittavat, että Sharp-Node.js-paketti on muita testattuja paketteja tehokkaampi kuvanmuokkauksessa kaikilla testatuilla tiedostoformaateilla. Tiedostoformaateista huomattiin, että WEBP-tiedostot ovat keskimäärin pienempiä kuin JPEG- tai PNG-tiedostot.