Από εμφανές και προφανές μέχρι απαρατήρητο και ωστόσο χρήσιμο - τις τελευταίες εβδομάδες και μήνες πραγματοποιήσαμε πολλές αλλαγές στο TutKit.com. Αυτές περιλάμβαναν βελτιώσεις απόδοσης και τεχνικές ενημερώσεις, καθώς και προσαρμογές στο σχεδιασμό και στην καθοδήγηση των χρηστών. Όλα αυτά επιδρούν θετικά στη συνολική εμπειρία χρήστη σου. Ποιες αλλαγές έχουν γίνει κάτω από την "κουκούλα" και από πάνω - μια συνολική επισκόπηση.
Τώρα γίνεται σκοτεινό
Από εδώ και στο εξής, μπορείς πάντα να αλλάζεις το σχεδιασμό σε σκούρο ή φωτεινό με ένα μόνο κλικ. Το έχουμε ρυθμίσει αυτόματα όπως είναι στο λειτουργικό σύστημα.
Παράλληλα, μετέτρεψαμε όλες τις εικόνες σε μορφή AVIF, ώστε ο περιηγητής σου να μην χρειάζεται να κατεβάζει τόσα πολλά δεδομένα (οι εικόνες είναι μικρότερες κατά περίπου 70% σε μέγεθος αρχείου).
Υλικά, Πρότυπα & E-Books: περισσότερα με ένα μόνο βλέμμα, χωρίς περιττά κλικ
Εμφανίζουμε πάντα στις σελίδες μας με υλικά, πρότυπα και E-Books μικρές προεπισκοπήσεις για κάθε περιεχόμενο. Έτσι βλέπεις αμέσως τι περιμένεις να κατεβάσεις.
Κρυμμένο πίσω από κάθε προεπισκόπηση ήταν ένα μικρό μενού. Μέσα από αυτό μπορούσες να μεγεθύνεις την προεπισκόπηση, να επισημαίνεις το περιεχόμενο ως αγαπημένο και να διαβάζεις τα σχόλια σχετικά με τη συμβατότητα. Όμορφο... Αλλά έπρεπε επίσης να ανοίγεις το μενού για να μεγεθύνεις κάθε εικόνα, να πατάς ένα εικονίδιο, να δεις την εικόνα και μετά να το κλείνεις πριν πας στο επόμενο. Ένας περιττός γύρος. Έτσι, απομακρύναμε το μενού. Τώρα αρκεί απλώς να περάσεις το ποντίκι πάνω από μια μικρή προεπισκόπηση, και τα νέα δεδομένα θα σου εμφανιστούν.
Οδήγησαν ακόμα πιο γρήγορα σε επιπρόσθετες λογικές προσαρμογές κατά τη διάρκεια της αναθεώρησης: Οι οδηγίες συμβατότητας μπορούν τώρα να κληθούν μέσω του ορατού εικονιδίου με το i πληροφοριών. Η αγαπημένη επισήμανση του περιεχομένου γίνεται μέσω της επίσης ορατής εικονούλας με το αστέρι, η οποία εμφανίζεται επίσης μόνο στους συνδεδεμένους χρήστες.
Οδηγίες για Βίντεο: Τώρα μπορείτε να βλέπετε και εδώ μέσω μιας εικόνας!
Εάν πριν από κάποιο καιρό ρίξατε μια ματιά σε μία από τις σελίδες μας με οδηγίες βίντεο, δεν θα είδατε πολλά άλλα πέρα από ένα κύριως γκρι ωκεανό από κείμενα και κουμπιά αναπαραγωγής. Η προβολή αναθεωρήθηκε εντελώς, έτσι ώστε να αντικατοπτρίζει ακριβώς τη διάταξη των υλικών, προτύπων και E-Books.
Άρα: Ακόμα και στις οδηγίες μας για βίντεο βλέπετε τώρα μικρές προεπισκοπήσεις, οι οποίες είναι αισθητικά ελκυστικές. Αν το βίντεο είναι δωρεάν ή μια φρέσκια ενημέρωση, θα το δείτε - όπως στα υλικά - με τη μορφή χρωματιστών σήματων στις εικόνες.
Έτσι οι σελίδες μας παρουσιάζονται πλέον συνεπείς. Είτε πρόκειται για υλικό, πρότυπο, E-Book ή οδηγίες βίντεο: Υπάρχει μια προεπισκόπηση που επιμηκύνετε με το πέρασμα του ποντικιού πάνω της; υπάρχει ένα κουμπί για λήψη ή αναπαραγωγή του βίντεο? υπάρχουν εικονίδια για περισσότερες πληροφορίες και για την επισήμανση ως αγαπημένο; αν στο περιεχόμενο υπάρχουν επιπλέον υλικά όπως αρχεία έργων, οδηγίες ή κείμενα οδηγιών, θα βρείτε τα σχετικά συνδέσμους στο τέλος των περιγραφών.
Επιπλέον, αφαιρέθηκαν περιττά στοιχεία όπως τα εικονίδια τριγώνου για το άνοιγμα και το κλείσιμο των κειμένων, έτσι ώστε η προβολή να εμφανίζεται πιο οργανωμένη με την αρχή περισσότερο είναι λιγότερο. Όλες οι βελτιώσεις έχουν προετοιμαστεί τέλος πάντων και για κινητές συσκευές.
Η μεγάλη καθαριότητα στις σελίδες των ολοκληρωμένων πακέτων
Τι μπορεί να αφαιρεθεί; Τι μπορεί να παρουσιαστεί διαφορετικά; Τι μπορεί να τοποθετήσεις σε μια καλύτερη θέση; Αυτά τα ερωτήματα κατευθύναμε προς της σελίδες μας με ολοκληρωμένα πακέτα, προκειμένου να τις καθαρίσουμε ενώ παράλληλα διατηρούμε το επίπεδο πληροφοριών υψηλό.
Περιοχή Πληροφοριών: Στην πάνω δεξιά γωνία των σελίδων μας με τα συνολικά πακέτα συγκεντρώνουμε όλες τις πρόσθετες πληροφορίες, όπως για τη συμβατότητα, τον αριθμό των περιεχομένων και τις κατηγορίες. Εκεί συγκεντρώνονται πολλά δεδομένα.
Την περιοχή Πληροφοριών την έχουμε ανανεώσει και εμπλουτίσει με εικονογραφήσεις. Έτσι, πλέον η πρόοδος μάθησης στα βίντεο διδασκαλίας παρατίθεται μόνο για συνδεδεμένους χρήστες (οι επισκέπτες που δεν έχουν συνδεθεί δεν τη χρειάζονται, έτσι κι αλλιώς). Η αξιολόγηση των πακέτων μας μεταφέρθηκε κάτω στο τμήμα σχολίων. Νέα στην περιοχή πληροφοριών είναι ένας σύνδεσμος για τα δικαιώματα χρήσης. Η πιο προφανής αλλαγή αφορά την απεικόνιση των ατόμων που δημιούργησαν το πακέτο. Αντί για τα ονόματά τους, σου εμφανίζουμε τα πορτρέτα τους. Ελπίζουμε να φανούν πιο φιλικοί...
Πολλές μικρές βελτιώσεις λεπτομερειών:
- δεν υπάρχει πλέον πλοήγηση με slider στο λογισμικό/κατηγορίες
- συνεχής κύλιση γενικά στις σελίδες αναζήτησης, κατηγοριών κλπ.
- Κάρτες: λιγότερες σκιές, εικονίδια αφαιρεμένα, γωνίες γωνιών
- Κάρτες: αφαίρεση animation, αντί αυτού πράσινο overlay
- Βελτιωμένο hover effect στο split-button
- Μεγαλύτερα πρόσωπα, για παράδειγμα στο blog και στην περιήγηση βίντεο
- Πρόσωπο στη φόρμα επικοινωνίας
- Το υποσέλιδο είναι εντελώς ανανεωμένο (δεν υπάρχει πλέον κλικ, εμφάνιση προσώπου κτλ.)
- Σελίδα συντάκτη: Κλικ στην ιστοσελίδα του συντάκτη αφαιρούνται, συνεχής κύλιση, πράσινα overlays
- Αρχική Σελίδα: Νέο περιεχόμενο πλέον δεν εμφανίζεται ως slider
- 4 στήλες στους συντάκτες
- Οδοστρωτήρες σε pop-ups
- νέο module για κοινότητες
Με λιγότερες ερωτήσεις για τη βελτίωση της απόδοσης
Γρήγορες σελίδες που φορτώνουν γρήγορα - αρέσουν στη Google, αρέσουν και σε εμάς και σίγουρα θα σου αρέσουν κι εσένα. Όσον αφορά την απόδοση του ιστότοπό μας, θα προβούμε και στο μέλλον σε βελτιώσεις. Έχουμε, όμως, εφαρμόσει, για παράδειγμα, βελτιστοποίηση των εικόνων. Έχουν μεταβληθεί από το αδύνατο format JPG στα πολύ πιο αδύνατα formats WEBP και AVIF.
Επιπλέον, ασχοληθήκαμε με τις βάσεις δεδομένων και τα ερωτήματα που λαμβάνουν χώρα κατά την επίσκεψη των σελίδων μας. Πολύ τεχνικά όλα αυτά, αλλά για να δώσω ένα παράδειγμα: Όταν εισέρχεσαι σε μία από τις σελίδες μας με συνολικά πακέτα μαθημάτων, το σύστημα πρέπει να γνωρίζει ποια βίντεο μπορείς να παρακολουθήσεις. Έχεις λοιπόν συνδρομή; Έχεις αγοράσει το πακέτο; Τυχόν ξεχωριστά βίντεο είναι δωρεάν; Τέτοιες ερωτήσεις πρέπει να θέσουμε πολλές κατά τη φόρτωση της σελίδας, κάτι που φυσικά χρειάζεται χρόνο. Έτσι, εστιάζουμε στη βελτίωση της απόδοσης (Προσοχή, τώρα πραγματικά γίνεται εξαιρετικά τεχνικό):
- Αφαιρέθηκαν περιττές ερωτήσεις στη βάση δεδομένων που ζητούσαν περισσότερες πληροφορίες απ' όσες πραγματικά χρειάζονταν.
- Βελτιώθηκε η ταχύτητα των πιο συχνά διεξαγόμενων ερωτήσεων στη βάση δεδομένων.
- Ο κώδικας στις μεθόδους PHP βελτιστοποιήθηκε και εξαλείφθηκαν επαναλαμβανόμενα ερωτήματα σε συγκεκριμένους βρόχους στη βάση δεδομένων.
- Έγινε έλεγχος και βελτιστοποίηση των μέρη του συστήματός μας που χρησιμοποιούσαν περιττές ερωτήσεις στη βάση δεδομένων, ειδικά αυτά που σχετίζονταν με τα μενού μας. Αυτά βελτιώθηκαν για καλύτερη απόδοση.
- Εντοπίστηκε ότι μερικές ερωτήσεις στη βάση δεδομένων επαναλαμβάνονταν περιττή αριθμό φορών, ειδικά αυτές που συσχετίζονταν με τους χρήστες και τα πακέτα. Αυτές οι επαναλήψεις διορθώθηκαν μέσω ενός συστήματος προσωρινής αποθήκευσης (cache) για εξοικονόμηση χρόνου και πόρων.
- Η καταγραφή σφαλμάτων του συστήματος παρακολουθήθηκε και όλα τα αναφερόμενα προβλήματα διορθώθηκαν.
- Οι αυτοματοποιημένες εργασίες του συστήματος ελέγχθηκαν για περιπτώσεις που εκτελούνταν για υπερβολικά μεγάλο χρονικό διάστημα ή διακόπτονταν. Αυτές οι εργασίες βελτιώθηκαν αποδοτικότερα, εξάγοντας πληροφορίες απευθείας από τη βάση δεδομένων, αντί να το κάνουν εμμέσως μέσω κώδικα PHP.
Τεχνολογία πάντα ενημερωμένη; Πάντα ενημερωμένη!
Φυσικά έχουμε βελτιώσει πολλά πίσω από τις σκέψεις μας, ενημερώνοντας λογισμικά όπως:
- Ενημέρωση στην πιο πρόσφατη έκδοση PHP.
- Το Laravel (το framework μας) αναβαθμίστηκε από έκδοση 9 σε 10.
- Περίπου 35 πακέτα του framework αναβαθμίστηκαν, καθώς και το SDK από τον πάροχο πληρωμών Braintree.
- Τώρα χρησιμοποιούμε http2 (θα προτιμούσαμε να χρησιμοποιήσουμε την έκδοση 3, απλά δεν υποστηρίζεται (ακόμη) από τον διακομιστή Apache).
- Το Ubuntu αναβαθμίστηκε από 20.04 σε 22.04 (ήταν σημαντικό για την υποστήριξη των εικόνων AVIF).
Τι έρχεται μετά;
Εργαζόμαστε εντατικά για να
Λείπει κάτι ακόμα; Τότε μπορείτε να μου γράψετε ένα email στο info@tutkit.com. Θα χαιρόμουν επίσης αν ο ιστολόγιός μας έπαιρνε μια λειτουργία σχολίων. Τι πιστεύεις εσύ; Είναι χρήσιμο ή επειδή δεν σχολιάζει πια κανείς λόγω έλλειψης χρόνου;