Γιατί η ιστοσελίδα μου είναι αργή (και τι κάνεις γι' αυτό)
3 λεπτά Nikos Koulouridis
Οι πέντε συνηθισμένοι λόγοι που μια ιστοσελίδα είναι αργή, πώς ελέγχεις τον καθένα σε λίγα λεπτά και ποιες διορθώσεις αξίζουν.
Μια αργή ιστοσελίδα σού κοστίζει πελάτες. Όποιος μπαίνει από το κινητό δεν περιμένει: αν η σελίδα είναι ακόμα λευκή μετά από λίγα δευτερόλεπτα, γυρνάει πίσω και πατάει το επόμενο αποτέλεσμα. Το βλέπει και το Google, και οι γρήγορες σελίδες συνήθως εμφανίζονται πιο ψηλά.
Τα καλά νέα: οι περισσότερες αργές ιστοσελίδες είναι αργές για τους ίδιους λίγους λόγους, και οι περισσότεροι διορθώνονται.
Πρώτα, μέτρησέ το
Άνοιξε το PageSpeed Insights (ψάξ' το, είναι δωρεάν εργαλείο της Google), βάλε τη διεύθυνσή σου και δες το σκορ για κινητό. Μην κυνηγάς το 100. Αυτό που μετράει είναι η λίστα από κάτω: σου λέει ακριβώς τι καθυστερεί τη σελίδα.
1. Τεράστιες φωτογραφίες
Αυτός είναι ο πιο συνηθισμένος λόγος, με διαφορά. Μια φωτογραφία κατευθείαν από κινητό ή κάμερα μπορεί να είναι 5 MB ή και παραπάνω, ενώ η σελίδα χρειάζεται ένα μικρό κομμάτι από αυτό. Δέκα τέτοιες σε μία σελίδα, και ο επισκέπτης σου κατεβάζει ολόκληρη ταινία.
Λύση: μίκρυνε και συμπίεσε τις εικόνες πριν τις ανεβάσεις, και χρησιμοποίησε σύγχρονο format όπως το WebP. Μια σωστή ιστοσελίδα το κάνει μόνη της.
2. Πάρα πολλά plugins και πρόσθετα
Τα website builders και το WordPress κάνουν εύκολο να προσθέσεις «ένα ακόμα» plugin: slider, popup, φουσκάλα για chat, feed από τα social. Το καθένα προσθέτει κώδικα που φορτώνει κάθε επισκέπτης.
Λύση: κάνε μια λίστα με ό,τι έχεις και βγάλε ό,τι δεν χρησιμοποιείς στ' αλήθεια. Συχνά φεύγουν τα μισά.
3. Φθηνή ή φορτωμένη φιλοξενία
Αν η ιστοσελίδα σου βρίσκεται σε server που τον μοιράζεται με εκατοντάδες άλλες, μπορεί να αργεί πολύ πριν καν ξεκινήσει να φορτώνει.
Λύση: καλύτερη φιλοξενία, ή ένα CDN (δίκτυο που κρατά αντίγραφα της σελίδας σου κοντά στους επισκέπτες). Για πολλές μικρές ιστοσελίδες κοστίζει ελάχιστα ή τίποτα.
4. Βαριές γραμματοσειρές και scripts παρακολούθησης
Πολλές γραμματοσειρές, τρία εργαλεία στατιστικών και μερικά marketing pixels φορτώνουν όλα πριν ή μαζί με το περιεχόμενό σου.
Λύση: κράτα μία ή δύο γραμματοσειρές, και μόνο τα στατιστικά που κοιτάς πραγματικά.
5. Παλιό, φουσκωμένο θέμα
Κάποια θέματα φορτώνουν τα πάντα σε κάθε σελίδα: sliders, εφέ, σετ εικονιδίων, είτε τα χρησιμοποιείς είτε όχι.
Λύση: μερικές φορές ένα πιο ελαφρύ θέμα. Μερικές φορές το να ξαναφτιάξεις την ιστοσελίδα κοστίζει λιγότερο από το να παλεύεις με την παλιά, ειδικά αν δείχνει και παλιά.
Τι αξίζει να πληρώσεις
Το καθάρισμα σε εικόνες και plugins συνήθως γίνεται γρήγορα και φέρνει τη μεγαλύτερη διαφορά. Μετά έρχεται η φιλοξενία. Μια ολική ανακατασκευή έχει νόημα μόνο όταν η ιστοσελίδα είναι παλιά και σε άλλα πράγματα.
Αν θέλεις μια δεύτερη γνώμη, στείλε μου τη διεύθυνσή σου. Θα κάνω τους ελέγχους και θα σου πω με απλά λόγια τι την καθυστερεί και τι θα διόρθωνα πρώτο.
Θες να το φτιάξω για σένα;