Zasnova in izdelava odprtokodnega JavaScript vtičnika za optimizirano nalaganje in prikaz grafik na spletnih platformah

Varga, Luka (author), Gabrijelčič Tomc, Helena (mentor)

Magistrsko delo obravnava zasnovo in izdelavo odprtokodnega JavaScript vtičnika za optimizirano nalaganje in prikaz grafik na spletnih platformah. V uvodnem teoretičnem delu so predstavljeni principi delovanja spletnih mest in raziskani načini za optimizacijo grafik za prikaz na spletnih mestih. Glavni cilji magistrskega dela so bili: (1) analizirati trenutne spletne tehnologije in možnosti izrabe le-teh za bolj optimizirano nalaganje in prikaz grafik, (2) načrtovati in razviti zmogljiv odprtokodni JavaScript vtičnik, ki se celovito spopada s problematiko nalaganja in prikaza grafik na spletu, hkrati pa je enostaven za uporabo in (3) analizirati delovanje spletnega mesta pred uporabo JavaScript vtičnika in po njej. Za potrebe evalviranja enostavnosti uporabe smo izdelali persone, za evalviranje prihranka časa pri nalaganju spletne strani pa smo vtičnik integrirali v obstoječo spletno stran z realnimi uporabniki. Iz rezultatov je razvidno, da je bil izdelan JavaScript vtičnik, ki se celovito spopada s problematiko optimizacij nalaganja in prikaza grafik na spletni platformi, učinek vtičnika pa je odvisen od same spletne strani, kjer je vtičnik uporabljen. Več kot je grafik na spletni strani, večji je prihranek časa nalaganja spletne strani ob uporabi našega vtičnika. Zato težko govorimo o specifičnih številkah, vendar pa ob uporabi vtičnika govorimo o velikostnem redu prihranka časa nalaganja spletnih strani v sekundah. Vtičnik je bil v času pisanja tega magistrskega dela prenesen že več kot 1000-krat s strani neodvisnih razvijalcev.

• Language: Slovenian
• Keywords: zasnova in izdelava odprtokodnega JavaScript vtičnika, optimizacija grafik, čas nalaganja, napredni grafični HTML-elementi, kompresija
• Work type: Master's thesis/paper
• Organization: NTF - Faculty of Natural Sciences and Engineering
• Year: 2019
• PID: 20.500.12556/RUL-112971
• Publication date in RUL: 27.11.2019

Secondary language

• Language: English
• Title: The conception and implementation of an open-source JavaScript plugin for optimizing the loading and display of graphics on web platforms

Abstract

The paper addresses the conception and implementation of an open-source JavaScript plugin for optimizing the loading and display of graphics on web platforms. The fundamental principles based on which websites function are presented in the beginning, along with the research of techniques that can be used for optimizing the graphics for display on web platforms. The main goals of the paper were: (1) to analyze the existing web technologies and ways to (ab)use them for optimized loading and display of graphics, (2) to conceptualize and implement a powerful JavaScript plugin that fully addresses the problematics of loading and display of graphics on web while making sure that the plugin is simple for use and (3) to analyze the operation of a website before and after the inclusion of the implemented JavaScript plugin. Personas were developed for the purpose of evaluating the ease of use of the plugin. To evaluate the load time saved by using the plugin, the plugin was integrated in an actual website with real users. Based on the results it is clear that the implemented plugin does fully address the loading and display of graphics on web platforms, while the effect of the plugin depends greatly on the website itself where the plugin is used. The bigger the number of graphics on the website, the larger the savings of website load time when using the plugin. Therefore it is absurd to write down specific numbers related to savings when using the plugin, however, the savings can be measured in order of magnitude of seconds. Whilst writing this paper, the plugin has already been downloaded over 1000 times by independent developers.

• Keywords: conception and implementation of an open-source JavaScript plugin, graphics optimization, load time, advanced graphical HTML elements, compression