Η βελτιστοποίηση της ταχύτητας της ιστοσελίδας πρέπει να είναι πάντα η πρώτη προτεραιότητα, ειδικά όταν υπάρχει τόσο μεγάλος online ανταγωνισμός. Ακολουθούν οι κορυφαίες 9 συμβουλές βελτιστοποίησης ταχύτητας που σου προτείνουμε, ανεξάρτητα από την πλατφόρμα (WordPress, Joomla, Drupal), αν θέλεις να βελτιστοποιήσεις τον ιστότοπό σου.
Αλλά πριν περάσουμε στις συμβουλές, θα δούμε μερικά εργαλεία που θα πρέπει να γνωρίζεις ώστε να μπορείς να εντοπίσεις τα θέματα απόδοσης της ιστοσελίδας σου. Αν γνωρίζεις που επιβραδύνεται ή παρουσιάζει προβλήματα η ιστοσελίδα σου, μπορείς να προσαρμόσεις ανάλογα τις προτεραιότητές σου.
Δύο από τα καλύτερα εργαλεία για να το κάνεις αυτό είναι το GTMetrix και το GoogleInsights. Τα εν λόγω εργαλεία θα σου πουν με ακρίβεια τον χρόνο που χρειάζεται η ιστοσελίδα σου να φορτώσει, τι καθυστερεί τον ιστότοπό σου καθώς και τι πρέπει να κάνεις για να το διορθώσεις.
Ο πιο απλός και πιο συνηθισμένος λόγος που αργεί ένα website είναι γιατί οι εικόνες δεν είναι βελτιστοποιημένες με αποτέλεσμα να καθυστερούν τη φόρτωση της ιστοσελίδας λόγω του μεγάλου μεγέθους τους.
Η λύση είναι απλή:
Όταν το πρόγραμμα περιήγησής συλλέγει δεδομένα από ένα διακομιστή, το κάνει με HTTP (Hypertext Transfer Protocol). Πρόκειται για ένα αίτημα/απόκριση μεταξύ του υπολογιστή σου και server. Σε γενικές γραμμές, όσο περισσότερα αιτήματα HTTP κάνει η ιστοσελίδα σου τόσο επιβραδύνεται η φόρτωση της.
Υπάρχουν πολλοί τρόποι με τους οποίους μπορείτε να μειώσετε τον αριθμό αιτημάτων όπως:
Η ελαχιστοποίηση των πόρων (minify css & javascript) σημαίνει την αφαίρεση περιττών χαρακτήρων από τα HTML, Javascript και CSS που δεν χρειάζονται, όπως:
Αυτό επιταχύνει τους χρόνους φόρτωσης καθώς μειώνει το ποσό του κώδικα που πρέπει να ζητηθεί από το διακομιστή.
Υπάρχουν πολλά δωρεάν online εργαλεία που μπορούν να σε βοηθήσουν.
Όταν αναλύεις την ταχύτητα της ιστοσελίδας σου, πρέπει πάντα να λάβεις υπόψη τι μπορεί να εμποδίζει το DOM να φορτώσει, προκαλώντας καθυστερήσεις στην φόρτωση της σελίδας σου.
Αυτά ονομάζονται πόροι αποκλεισμού HTML και μπορεί να είναι CSS (αυτό μπορεί να περιλαμβάνει και γραμματοσειρές web), και Javascript.
Ακολουθούν μερικές συστάσεις σχετικά με τον τρόπο με τον οποίο μπορείς να αποτρέψεις το CSS και τη Javascript από το να αποκλείει το DOM, βελτιστοποιώντας την κρίσιμη διαδρομή.
Κάλεσε σωστά τα αρχεία CSS
Όταν πρόκειται για τη Javascript, υπάρχουν ορισμένες βέλτιστες πρακτικές που πρέπει να έχεις πάντα κατά νου.
Εκτός από την επιτάχυνση της παράδοσης των asset σας σε όλο τον κόσμο, ένα CDN μπορεί επίσης να μειώσει δραματικά την καθυστέρηση με τη χρήση ενός παγκοσμίου δικτύου διαμοίρασης περιεχομένου.
Οι ανακατευθύνσεις είναι δολοφόνοι της απόδοσης. Απέφυγέ τους όποτε είναι δυνατόν. Μια ανακατεύθυνση θα δημιουργήσει πρόσθετους χρόνους RTT και επομένως θα διπλασιάσει γρήγορα τον χρόνο που απαιτείται για τη φόρτωση του αρχικού εγγράφου HTML προτού αρχίσει να φορτώνει ακόμη και το άλλο asset.
Είναι η αξιοποίηση της μνήμης cache του προγράμματος περιήγησης για assets που σπάνια αλλάζουν. Συνιστάται να έχετε μέγιστη ηλικία 7 ημερών σε τέτοιες περιπτώσεις.
Για παράδειγμα το logo της σελίδας σου αλλάζει πολύ σπάνια άρα δεν χρειάζεται να το φορτώνεις από το server κάθε φορά που μπαίνει ο ίδιος χρήστης στη σελίδα σου παρά μόνο την πρώτη φορά.
Υπάρχουν πολλές μορφές προσωρινής αποθήκευσης από πλευράς διακομιστή και αρκετά plugins για αυτό το σκοπό. Η χρήση του CDN επιτρέπει ένα ακόμα επίπεδο caching.
Η προ-φόρτωση (prefetch) των domains είναι μια καλή λύση για την επίλυση των domains προτού ο χρήστης ακολουθήσει έναν σύνδεσμο.
Το Preconnect επιτρέπει στο πρόγραμμα περιήγησης να ρυθμίσει τις πρώιμες συνδέσεις πριν από την αποστολή ενός αιτήματος HTTP στο διακομιστή. Συνδέσεις όπως DNS Lookup, TCP Handshake και TLS διαπραγμάτευσης μπορούν να ξεκινήσουν εκ των προτέρων, εξαλείφοντας την καθυστέρηση για αυτές τις συνδέσεις και εξοικονομώντας χρόνο για τους χρήστες.
Το Gzip είναι μια άλλη μορφή συμπίεσης που συμπιέζει ιστοσελίδες, CSS και javascript σε επίπεδο διακομιστή πριν την αποστείλει στον browser. Αυτή η βελτιστοποίηση της απόδοσης του ιστότοπου είναι εύκολη στην εφαρμογή και μπορεί να κάνει μεγάλη διαφορά.
Η συμπίεση Gzip μειώνει 50% έως 80% το μέγεθος και συνεπώς θα αυξήσει σημαντικά την ταχύτητα φόρτωσης του ιστότοπου.
Μπορείς να ενεργοποιήσεις τη συμπίεση μέσω του αρχείου .htaccess.
Μπορείς να ενεργοποιήσεις τη συμπίεση μέσω του αρχείου nginx.conf.
