Πως να Βελτιστοποιήσετε την Ταχύτητας της Σελίδας σας
Στο παρόν άρθρο συγκεντρώσαμε 8 δοκιμασμένους τρόπους, για να αυξήσετε άμεσα την ταχύτητα της ιστοσελίδας σας.
1. Περιορίστε τα HTTP Requests
Το μεγαλύτερο μέρος του συνολικού χρόνου φόρτωσης μίας σελίδας αφορά τα διαφορετικά στοιχεία από τα οποία αποτελείται, όπως τις εικόνες, τα Style Sheets (CSS), τα Scripts, κλπ. Καθένα από αυτά τα στοιχεία έχει και το δικό του HTTP Request, άρα όσα πιο πολλά στοιχεία έχετε προσθέσει σε μία σελίδα, τόσο περισσότερο χρόνο αυτή χρειάζεται για να φορτώσει.
Ο πιο γρήγορος τρόπος για να αυξήσετε άμεσα την ταχύτητα της ιστοσελίδας σας είναι απλοποιώντας το design της:
- Εντάξτε μόνο τα απαραίτητα στοιχεία στο site σας.
- Χρησιμοποιήστε CSS αντί για εικόνες, όπου είναι δυνατό.
- Συνδυάστε περισσότερα CSS σε ένα αρχείο.
- Μειώστε τα scripts και τοποθετήστε τα στο κάτω μέρος της σελίδας.
2. Συμπιέστε το περιεχόμενο της σελίδας σας
Τις περισσότερες φορές οι σελίδες που αποτελούνται από ποιοτικό περιεχόμενο ξεπερνούν τα 100kb. Το μέγεθος αυτό τις καθιστά αργές και κατά συνέπεια κουραστικές για τον χρήστη, ο οποίος τελικά τις εγκαταλείπει. Ο καλύτερος τρόπος για να αυξήσετε άμεσα την ταχύτητα της σελίδας σας είναι συμπιέζοντας το περιεχόμενό της. Μία συμπιεσμένη σελίδα αυτόματα μειώνει τον χρόνο που χρειάζεται για να φορτώσει κατά 70%!
3. Ενεργοποιήστε το browser caching
Την πρώτη φορά που επισκέπτεται κανείς τη σελίδα σας, θα πρέπει να κατεβάσει τα αρχεία HTML, CSS και JavaScript και, τέλος τις εικόνες, πριν ξεκινήσει την περιήγηση. Τα στοιχεία αποθηκεύονται στον σκληρό δίσκο, σε μία προσωρινή μνήμη, ώστε σε μελλοντικές επισκέψεις ο browser να μπορέσει να φορτώσει τη σελίδα, χωρίς να χρειαστεί να στείλει νέα HTTP Requests στον server. Η διαδικασία αυτή ονομάζεται browser caching.
Να θυμάστε ότι το 40-60% των επισκεπτών έρχονται με άδειο cache. Φροντίστε, λοιπόν, το site σας να είναι αρκετά γρήγορο για όσους σας επισκέπτονται πρώτη φορά, αλλά και για τις επόμενες επισκέψεις τους!
4.Μειώστε τα resources
Άλλος ένας τρόπος για να αυξήσετε την ταχύτητα της ιστοσελίδας σας είναι ο παρακάτω. Μπορεί το WYSIWYG editor να είναι αρκετά χρήσιμο για να χτίσετε μία σελίδα, όμως, κάποιες φορές δημιουργεί έναν “ακατάστατο” κώδικα που μειώνει την ταχύτητά της. Καθώς, λοιπόν, ένα μικρό κομμάτι κώδικα μπορεί να αυξήσει το μέγεθος μίας σελίδας, είναι σημαντικό να περιορίζετε τα πρόσθετα κενά, ώστε οι σελίδες να ανοίγουν όσο το δυνατόν γρηγορότερα.
5.Προσαρμόστε τις εικόνες του site
Για να βελτιώσετε την ταχύτητα του site σας, θα πρέπει να κάνετε σωστό optimization στις εικόνες. Γι’ αυτό, δώστε έμφαση σε δύο στοιχεία, το μέγεθος και τον τύπο του αρχείου. Το μέγεθος μίας εικόνας μπορεί να επιβραδύνει σημαντικά τη φόρτωση της σελίδας. Για αυτόν τον λόγο, είναι σημαντικό να κρατάτε τις εικόνες σας όσο μικρότερες γίνεται και να τις κόβετε στο σωστό μέγεθος. Για παράδειγμα, εάν η σελίδα σας έχει 570px πλάτος, θα πρέπει να προσαρμόσετε τις εικόνες σε αυτό το μέγεθος.
Ως προς τον τύπο αρχείου, οι εικόνες JPEG είναι η καλύτερη επιλογή. Επίσης, μία πολύ καλή εναλλακτική είναι οι εικόνες PNG, με την επιφύλαξη ότι οι παλιοί browsers ίσως δεν τις υποστηρίζουν απόλυτα.
6.Βελτιστοποιήστε τα CSS και JavaScript αρχεία
Η CSS ελέγχει την εμφάνιση της σελίδας σας και τη διαμορφώνει στιλιστικά, ενώ τα JavaScript αρχεία προσθέτουν λειτουργικότητα και δυναμισμό σε αυτήν. Ο κώδικας CSS και το JavaScript εισάγονται είτε με εξωτερικά αρχεία (external files), είτε ενσωματώνονται στον HTML κώδικα.
7.Δώστε προτεραιότητα στην κορυφή της σελίδας
Ακόμα ένα χρήσιμο tip για να αυξήσετε την ταχύτητα της ιστοσελίδας σας, είναι να δώσετε προτεραιότητα στην κορυφή του site σας. Το μυστικό για να βελτιώσετε την εμπειρία του χρήστη είναι κάνοντας γρηγορότερο το περιεχόμενο στην κορυφή της σελίδας σας. Όταν μία ιστοσελίδα φορτώνει σταδιακά, δηλαδή αποκαλύπτει πρώτα τις απλές πληροφορίες και μετά τις σύνθετες, τότε καταφέρνει να κάνει τον χρήστη να ανυπομονεί για να δει το περιεχόμενό σας ολοκληρωμένο. Δώστε, λοιπόν, προτεραιότητα στην κορυφή των σελίδων σας, κερδίζοντας περισσότερους επισκέπτες!
8.Περιορίστε τη χρήση των plugins
Η εκτεταμένη χρήση των plugins (πρόσθετα) κάνει το site σας πιο αργό. Αυτό οφείλεται διότι πολλές φορές δημιουργούν προβλήματα ασφάλειας και άλλα τεχνικά θέματα, τα οποία επηρεάζουν την ταχύτητα του ιστότοπου. Ξεκινήστε να απενεργοποιείτε τα περιττά plugins! Έπειτα, ελέγξτε την απόδοση του server σας. Με αυτόν τον τρόπο, θα εντοπίσετε συγκεκριμένα ποια από τα plugins μειώνουν την ταχύτητα της σελίδας σας.