View in EDS

Performance API: χρήση σε περιπτώσεις Html, Css, JavaScript, Webassembly

Saved in:
Bibliographic Details
Title: Performance API: χρήση σε περιπτώσεις Html, Css, JavaScript, Webassembly
Authors: Παπουτσάκη, Ελένη
Contributors: Κασκάλης, Θεόδωρος, Πρόγραμμα Μεταπτυχιακών Σπουδών Ειδίκευσης στην Εφαρμοσμένη Πληροφορική
Publisher Information: Πανεπιστήμιο Μακεδονίας
Publication Year: 2025
Collection: University of Macedonia: Psepheda - Digital Library & Institutional Repository
Subject Terms: Απόδοση εφαρμογών ιστού, Performance API, Lazy loading, WebAssembly, Service Workers, Inline css, External css
Description: Διπλωματική εργασία--Πανεπιστήμιο Μακεδονίας, Θεσσαλονίκη, 2025. ; Ο σκοπός της παρούσας διπλωματικής εργασίας είναι η αξιολόγηση της απόδοσης εφαρμογών ιστού μέσω του Performance API, ενός εργαλείου που επιτρέπει την ακριβή μέτρηση κρίσιμων παραμέτρων απόδοσης. Η έρευνα επικεντρώνεται στη σύγκριση τεχνικών προγραμματισμού και βελτιστοποίησης, όπως η χρήση inline έναντι external CSS, η καθυστέρηση φόρτωσης πόρων (lazy loading) έναντι της άμεσης φόρτωσης (eager loading), η απόδοση του WebAssembly σε σύγκριση με τη JavaScript για υπολογιστικά εντατικές εργασίες, και η εφαρμογή τεχνικών caching μέσω Service Workers έναντι της μη χρήσης caching. Η μελέτη περιλαμβάνει πειραματική ανάλυση με τη χρήση πραγματικών παραδειγμάτων κώδικα, προκειμένου να καταγραφούν μετρήσεις απόδοσης και να εντοπιστούν οι διαφορές στην αποτελεσματικότητα των παραπάνω τεχνικών. Τα πειράματα πραγματοποιήθηκαν σε ένα ελεγχόμενο περιβάλλον που εξασφαλίζει επαναληψιμότητα και ακρίβεια στις μετρήσεις, αξιοποιώντας τοπικό server για τη διασφάλιση των απαραίτητων συνθηκών λειτουργίας των Service Workers. Τα αποτελέσματα δείχνουν ότι τεχνικές όπως το lazy loading και η χρήση Service Workers προσφέρουν σημαντική βελτίωση στους χρόνους φόρτωσης, ενώ η σύγκριση WebAssembly και JavaScript αναδεικνύει την υπεροχή του πρώτου σε σενάρια υψηλών υπολογιστικών απαιτήσεων. Παράλληλα, η σύγκριση inline CSS με το external CSS καταδεικνύει ότι το inline CSS προσφέρει καλύτερες μετρήσεις απόδοσης σε μικρότερες εφαρμογές, με σημαντική μείωση στους χρόνους φόρτωσης. Ωστόσο, η χρήση external CSS παρέχει καλύτερη επεκτασιμότητα και διαχείριση σε μεγαλύτερες εφαρμογές, χωρίς να παρατηρούνται σημαντικές επιπτώσεις στην απόδοση, καθώς οι διαφορές είναι περιορισμένες σε μεγαλύτερη κλίμακα. Η εργασία καταλήγει στο συμπέρασμα ότι η χρήση του Performance API μπορεί να προσφέρει ουσιαστικές πληροφορίες για τη βελτιστοποίηση της απόδοσης εφαρμογών ιστού, παρέχοντας πολύτιμα δεδομένα στους προγραμματιστές για τη λήψη τεκμηριωμένων αποφάσεων σχετικά με την επιλογή των ...
Document Type: thesis
Language: Greek, Modern (1453-)
Relation: http://dspace.lib.uom.gr/handle/2159/32678
Availability: http://dspace.lib.uom.gr/handle/2159/32678
Rights: Αναφορά Δημιουργού 4.0 Διεθνές ; http://creativecommons.org/licenses/by/4.0/
Accession Number: edsbas.650EB0F5
Database: BASE
Description
Abstract:Διπλωματική εργασία--Πανεπιστήμιο Μακεδονίας, Θεσσαλονίκη, 2025. ; Ο σκοπός της παρούσας διπλωματικής εργασίας είναι η αξιολόγηση της απόδοσης εφαρμογών ιστού μέσω του Performance API, ενός εργαλείου που επιτρέπει την ακριβή μέτρηση κρίσιμων παραμέτρων απόδοσης. Η έρευνα επικεντρώνεται στη σύγκριση τεχνικών προγραμματισμού και βελτιστοποίησης, όπως η χρήση inline έναντι external CSS, η καθυστέρηση φόρτωσης πόρων (lazy loading) έναντι της άμεσης φόρτωσης (eager loading), η απόδοση του WebAssembly σε σύγκριση με τη JavaScript για υπολογιστικά εντατικές εργασίες, και η εφαρμογή τεχνικών caching μέσω Service Workers έναντι της μη χρήσης caching. Η μελέτη περιλαμβάνει πειραματική ανάλυση με τη χρήση πραγματικών παραδειγμάτων κώδικα, προκειμένου να καταγραφούν μετρήσεις απόδοσης και να εντοπιστούν οι διαφορές στην αποτελεσματικότητα των παραπάνω τεχνικών. Τα πειράματα πραγματοποιήθηκαν σε ένα ελεγχόμενο περιβάλλον που εξασφαλίζει επαναληψιμότητα και ακρίβεια στις μετρήσεις, αξιοποιώντας τοπικό server για τη διασφάλιση των απαραίτητων συνθηκών λειτουργίας των Service Workers. Τα αποτελέσματα δείχνουν ότι τεχνικές όπως το lazy loading και η χρήση Service Workers προσφέρουν σημαντική βελτίωση στους χρόνους φόρτωσης, ενώ η σύγκριση WebAssembly και JavaScript αναδεικνύει την υπεροχή του πρώτου σε σενάρια υψηλών υπολογιστικών απαιτήσεων. Παράλληλα, η σύγκριση inline CSS με το external CSS καταδεικνύει ότι το inline CSS προσφέρει καλύτερες μετρήσεις απόδοσης σε μικρότερες εφαρμογές, με σημαντική μείωση στους χρόνους φόρτωσης. Ωστόσο, η χρήση external CSS παρέχει καλύτερη επεκτασιμότητα και διαχείριση σε μεγαλύτερες εφαρμογές, χωρίς να παρατηρούνται σημαντικές επιπτώσεις στην απόδοση, καθώς οι διαφορές είναι περιορισμένες σε μεγαλύτερη κλίμακα. Η εργασία καταλήγει στο συμπέρασμα ότι η χρήση του Performance API μπορεί να προσφέρει ουσιαστικές πληροφορίες για τη βελτιστοποίηση της απόδοσης εφαρμογών ιστού, παρέχοντας πολύτιμα δεδομένα στους προγραμματιστές για τη λήψη τεκμηριωμένων αποφάσεων σχετικά με την επιλογή των ...