Μπορεί να έχετε ακούσει ότι η παλιά παροιμία που λέει "ο αργός και ο σταθερός κερδίζει τον αγώνα", αλλά όταν πρόκειται για την απόδοση της ιστοσελίδα σας, αυτό σίγουρα είναι μια συνταγή για αποτυχία.

Εδώ είναι οι Top 10 Λόγοι για την αργή φόρτωση ιστοσελίδων.

1. Μη βελτιστοποιημένες εικόνες

Ένας μεγάλος όγκος μη βελτιστοποιημένων εικόνων είναι συνήθως ο συνηθέστερος λόγος πίσω από τη βραδύτητα της ιστοσελίδας. Οι εικόνες υψηλής ανάλυσης μπορούν να καταναλώσουν μεγάλο bandwidth κατά τη φόρτωση. Η μεταφόρτωση εικόνων μεγαλύτερου μεγέθους και στη συνέχεια η κλιμάκωση τους μπορεί να αυξήσει άσκοπα το βαρος της ιστοσελίδας σας - προκαλώντας αργή φόρτωση της ιστοσελίδας σας.

Η μορφή της εικόνας είναι ένας άλλος σημαντικός παράγοντας που πρέπει να ληφθεί υπόψη.

Για παράδειγμα, οι εικόνες JPEG έχουν πολύ μικρότερο μέγεθος σε σύγκριση με άλλες μορφές εικόνας όπως PNG ή GIF. Αρκετά φυσικά, η ιστοσελίδα σας θα φορτώνεται πιο γρήγορα αν χρησιμοποιείτε εικόνες JPEG αντί για PNG / GIF.

Συμπέρασμα:

  • check_circle Ελέγξτε το μέγεθος του αρχείου των εικόνων σας, οτιδήποτε πάνω από 1MB είναι πραγματικά απαράδεκτο.
  • check_circle Χρησιμοποιήστε JPEG αντί για PNG, ειδικά για μεγαλύτερες εικόνες. Στα εικονίδια είναι εντάξει να χρησιμοποιείτε PNG.
  • check_circle Χρησιμοποιήστε δοκιμές καταρράκτη για να σαρώσετε εύκολα τα μεγέθη εικόνων και να λάβετε διορθωτικά μέτρα.
  • check_circle Οι μη εξειδικευμένες εικόνες μπορεί να σας κοστίζουν χρήματα υπό μορφή υπερβολικού bandwidth.

2. Θέματα στην JavaScript

Η διαθεσιμότητα των plugins JavaScript / jQuery έχει καταστήσει πραγματικά βολικό να προσθέσετε δυναμικό περιεχόμενο σε ιστοσελίδες. Ωστόσο, αν εφαρμοστεί εσφαλμένα, το JavaScript μπορεί να παραλύσει την ταχύτητα φόρτωσης της ιστοσελίδας σας.

Χρειάζεται χρόνος για τη φόρτωση, ερμηνεία και εκτέλεση του jQuery & JavaScript. Επομένως, εάν χρησιμοποιείτε πολλαπλές κλήσεις API για την απόδοση δεδομένων JavaScript / jQuery, μπορεί να προκύψει σημαντική καθυστέρηση κατά τη φόρτωση των ιστοσελίδων.

Συμπέρασμα:

  • check_circle Το Script bloat είναι πραγματικό. Ελέγξτε τα αρχεία JavaScript για να δείτε τι πραγματικά χρειάζεστε και αφαιρέστε τι δεν χρειάζεστε.
  • check_circle Η ασύγχρονη φόρτωση είναι απαραίτητη.
  • check_circle Σκεφτείτε να χρησιμοποιήσετε κάτι όπως το Segment ή ο Διαχειριστής ετικετών Google. Ένα ενιαίο αρχείο για όλα τα εργαλεία σας!

3. Περιεχόμενο Flash

Παρόλο που το Flash είναι ήταν ένα εξαιρετικό εργαλείο για την προσθήκη της διαδραστικότητας στην ιστοσελίδα σας, είναι 100% σίγουρο ότι συμβάλλει στην αργή ταχύτητα φόρτωσης σελίδας. Το περιεχόμενο Flash είναι συνήθως ογκώδες σε μέγεθος και όσο μεγαλύτερο είναι το μέγεθος του αρχείου, τόσο πιο αργά θα φορτωθούν οι σελίδες σας.

Η μείωση του μεγέθους των αρχείων Flash ή η εξάλειψή τους θα βελτίωνε σημαντικά την ταχύτητα φόρτωσης της σελίδας. Αν είστε πρόθυμοι να κάνετε την ιστοσελίδα σας γρηγορότερο, θα πρέπει να αναζητήσετε εναλλακτικές λύσεις HTML5 για να αντικαταστήσετε το υπάρχον περιεχόμενο Flash.

Συμπέρασμα:

  • check_circle Το Flash είναι πολύ ογκώδες και δεν είναι καλό για την απόδοση.
  • check_circle Το Flash ήταν δημοφιλές. Δεν είναι πλεον.
  • check_circle Αναζητήστε αντικαταστάσεις με την HTML5.

4. Υπερβολικά αιτήματα HTTP

Έχοντας πολλά JavaScript, CSS και αρχεία εικόνας μπορεί να οδηγήσει σε πάρα πολλές αιτήσεις HTTP. Όταν ένας χρήστης επισκέπτεται την ιστοσελίδα σας, το πρόγραμμα περιήγησης εκτελεί διάφορες αιτήσεις για να φορτώσει κάθε ένα από αυτά τα αρχεία - γεγονός που μπορεί να μειώσει σημαντικά την ταχύτητα φόρτωσης σελίδας.

Συμπέρασμα:

  • check_circle Χρησιμοποιήστε τα Sprites για να μειώσετε τις αιτήσεις HTTP.
  • check_circle Μειώστε τον αριθμό των αρχείων στις σελίδες σας όπου είναι δυνατόν. Επιπλέον CSS, εικόνες, javascript.
  • check_circle Η ελαχιστοποίηση των αρχείων CSS και Javascript μειώνει τον αριθμό των συνολικών αρχείων που θα πρέπει να κατεβάσουν οι χρήστες.

5. Δεν γίνεται χρήση Cache - τεχνική προσωρινής αποθήκευσης

Η προσωρινή αποθήκευση είναι γνωστό ότι βελτιώνει την απόδοση των δικτυακών τόπων κατά πολύ. Εάν δεν αποθηκεύετε, χάνετε. Είναι μια τεχνική που σας επιτρέπει να αποθηκεύετε συχνά χρησιμοποιούμενα σημεία δεδομένων στη μνήμη της ‘προσωρινής μνήμης’.

Τυχόν μεταγενέστερα αιτήματα για το ίδιο περιεχόμενο εκτελούνται από την προσωρινή μνήμη, επιταχύνοντας έτσι τη διαδικασία ανάκτησης δεδομένων.

Με την υλοποίηση της προσωρινής αποθήκευσης του προγράμματος περιήγησης / HTTP και της προσωρινής αποθήκευσης στο διακομιστή, είναι πιθανό να αντιμετωπίσετε τεράστια βελτίωση στην απόδοση της ιστοσελίδας σας.

Συμπέρασμα:

  • check_circle Η προσωρινή αποθήκευση βελτιώνει δραστικά τις επιδόσεις.
  • check_circle Μπορείτε να αποθηκεύσετε στη Cache από HTTP request, Query Database μέχρι και εικόνες, JavaScript και CSS αρχεία.
  • check_circle Εάν μπορείτε να αποθηκεύσετε προσωρινά δεδομένα σε κάτι, κάντε το.

6. Ακάθαρτος κώδικας

Ένας άλλος κοινός ένοχος για την καθυστέρηση της ιστοσελίδας είναι ο ακάθαρτος κώδικας. Όταν δημιουργείτε την ιστοσελίδα σας, οι υπερβολικοί λευκοί χώροι (white spaces), τα inline styling, οι κενές νέες γραμμές και τα περιττά σχόλια μπορούν να κάνουν τα αρχεία της ιστοσελίδας να μεγαλώσουν σε μέγεθος.

Με την κατάργηση αυτών των περιττών στοιχείων, μπορείτε να συμπιέσετε τον κώδικα, να μειώσετε το μέγεθος του αρχείου και να βελτιώσετε το συνολικό χρόνο φόρτωσης της σελίδας και πιθανότατα θα δείτε και μια ώθηση στην απόδοση του SEO σας. Από τεχνική άποψη, αυτή η διαδικασία είναι γνωστή ως minifying. Αν δεν είστε ικανοποιημένοι με τον παραγόμενο κώδικα, υπάρχουν πολλά ηλεκτρονικά εργαλεία που μπορούν να χρησιμοποιηθούν για τον καθαρισμό και τον περιορισμό των αρχείων σας.

Συμπέρασμα:

  • check_circle Προσοχή στις λεπτομέρειες.
  • check_circle Μην βαριέστε και χρησιμοποιήστε inline CSS
  • check_circle Προσπαθήστε να μην δημιουργείτε πολλά αρχεία CSS όταν μπορείτε να χρησιμοποιήσετε ένα μόνο.
  • check_circle Minify!

7. Δεν κάνετε χρήση της συμπίεσης gZIP

Ενεργοποιώντας τη συμπίεση gZIP, δίνετε εντολή στον διακομιστή να περιτυλίξει όλα τα αντικείμενα web (εικόνες, CSS, αρχεία JavaScript κ.λπ.) σε ένα μόνο κοντέινερ προτού αποσταλούν στον αιτούντα περιηγητή.

Η συμπίεση μειώνει το χρόνο απόκρισης μειώνοντας το μέγεθος των δεδομένων που μεταφέρονται μεταξύ του διακομιστή σας και του προγράμματος περιήγησης των επισκεπτών, γεγονός που με τη σειρά του βοηθά στην εξυπηρέτηση του ζητούμενου περιεχομένου πολύ πιο γρήγορα.

Αν δεν έχετε ακόμη ενεργοποιήσει τη συμπίεση gZIP στην ιστοσελίδα σας, τότε είναι το πρώτο πράγμα που πρέπει να κάνετε χωρίς να χάνετε άλλο χρόνο.

Συμπέρασμα:

  • check_circle Η συμπίεση gZIP είναι μια εύκολη νίκη επίδοσης.
  • check_circle Αναπτύσσει όλα τα αντικείμενα web (εικόνες, CSS, jS) σε ένα μόνο κοντέινερ για αποστολή στον αιτούντα περιηγητή

8. Πολλές διαφημίσεις

Δεν υπάρχει αμφιβολία ότι οι διαφημίσεις είναι ιδανικές για τη δημιουργία εσόδων από ιστοσελίδες υψηλής επισκεψιμότητας.

Αλλά αυτό δεν πρέπει να έρθει με το τίμημα της συμβιβασμένης απόδοσης ή της εμπειρίας των χρηστών. Μην αφήσετε πάρα πολλές διαφημίσεις να είναι ένας άλλος λόγος για τον οποίο η ιστοσελίδα σας είναι αργή!

Ο πιο προφανής αντίκτυπος της υπερφόρτωσης της ιστοσελίδας σας με διαφημίσεις είναι η προσθήκη αιτημάτων HTTP, οι οποίες θα χρειαστούν επιπλέον χρόνο επεξεργασίας.

Ειδικά οι διαφημίσεις εμπλουτισμένων μέσων - όπως οι pop podders, οι παρενθετικές διαφημίσεις και οι αυτόματες λήψεις - ενδέχεται να δημιουργήσουν εκατοντάδες αιτήσεις HTTP που καθιστούν την ιστοσελίδα σας αδιάφορη.

Για να συνοψίσουμε τα πράγματα, ο περιορισμός του αριθμού των διαφημίσεων προβολής θα εξασφαλίσει καλύτερη απόδοση για της ιστοσελίδα σας.

Συμπέρασμα:

  • check_circle Οι διαφημίσεις είναι πρόσθετες αιτήσεις HTTP και επιβραδύνουν τον χρόνο φόρτωσης σελίδας.
  • check_circle Χρησιμοποιήστε τα μόνο όταν χρειάζεστε, θα βελτιώσει την απόδοση, το UX και το CTR στις διαφημίσεις σας.

9. Δεν χρησιμοποιείτε υπηρεσία CDN

Μια υπηρεσία CDN είναι ένα κατανεμημένο δίκτυο ανεξάρτητων διακομιστών που αναπτύσσονται σε διαφορετικές γεωγραφικές τοποθεσίες, οι οποίες μπορούν να προσφέρουν περιεχόμενο ιστού σε επισκέπτες με υψηλή διαθεσιμότητα και υψηλή απόδοση.

Ανάλογα με τη γεωγραφική θέση του επισκέπτη σας, το περιεχόμενο που ζητήθηκε εκτελείται από τον κόμβο που βρίσκεται στο πλησιέστερο διαθέσιμο κέντρο δεδομένων. Θα ελαχιστοποιούν τον round-trip time (RTT) και θα εξυπηρετούν το ζητούμενο περιεχόμενο σε πολύ ταχύτερο χρόνο.

Συμπέρασμα:

  • check_circle Δεν είναι υποχρεωτικό, αλλά το CDN μπορεί να βοηθήσει. Ειδικά αν έχετε επισκέπτες από όλο τον κόσμο.
  • check_circle Τα CDN caches έχουν συχνά πρόσβαση σε δεδομένα σε γεωγραφικά κατανεμημένα κέντρα δεδομένων.
  • check_circle Μπορούν να βοηθήσουν στην ελαχιστοποίηση του RTT και την ταχύτερη εμφάνιση περιεχομένου για το κοινό σας.

10. Κακή φιλοξενία

Ο παροχέας υπηρεσιών φιλοξενίας ιστού σας κάνει μια τεράστια διαφορά όταν πρόκειται για την απόδοση της ιστοσελίδας. Ναι, η ταχύτητα φόρτωσης της σελίδας σας πιο αργή από το μέσο όρο ενδέχεται να μην είναι εξ ολοκλήρου δικό σας σφάλμα.

Αν έχετε δοκιμάσει να διορθώσετε όλες τις προαναφερθείσες αιτίες και παρόλα αυτά η ιστοσελίδα σας φαίνεται να ανταποκρίνεται αργά, τότε η εναλλαγή του παρόχου φιλοξενίας μπορεί απλά να λύσει το πρόβλημά σας. Επιλέξτε έναν πάροχο φιλοξενίας που προσφέρει υπηρεσίες βελτιστοποίησης απόδοσης που περιλαμβάνονται στην τιμή της φιλοξενίας.

Για παράδειγμα, στο xWeb.gr, προσφέρουμε προσαρμοσμένους web servers, κατασκευασμένους για κάθε πελάτη ξεχωριστά και σύμφωνα με τις ανάγκες της ιστοσελίδας του. Γνωρίζουμε πως κάθε εργαλείο θα διασυνδέεται καλύτερα με τα πιο δημοφιλή σενάρια στην αγορά σήμερα, όπως το Drupal, το WordPress, το Expression Engine, το Joomla και πολλά άλλα.

Συμπέρασμα

Η ταχύτητα φόρτωσης της ιστοσελίδας εξαρτάται από διάφορους παράγοντες, όπως μη εξειδικευμένες εικόνες, μεγάλο αριθμό αιτημάτων HTTP, ογκώδεις κώδικες και θέματα JavaScript για να αναφέρουμε μερικά.

Μπορεί να είναι ένα δύσκολο έργο να καταλάβουμε τι ακριβώς προκαλεί την επιβράδυνση της ιστοσελίδας. Ανεξάρτητα από το ποια είναι η βασική αιτία, δεν πρέπει να αφήσετε να φτάσετε στο κατώτατο σημείο.

Στο xWeb.gr, η ομάδα υποστήριξής μας θα σας βοηθήσει να απαλλαγείτε από ιστοσελίδες αργής φόρτωσης για τα καλά. Θα σας βοηθήσουμε να προσαρμόσετε τις παραμέτρους του Apache, τις παραμέτρους και τις εκδόσεις PHP, καθώς και να συντάξετε προσαρμοσμένες ρυθμίσεις Apache / PHP κατόπιν αιτήματος.

Κάθε χιλιοστό του δευτερολέπτου μπορεί να κάνει τη διαφορά, η βελτιστοποίηση του διακομιστή σας για την κορυφαία απόδοση στην κατηγορία είναι τώρα πιο σημαντική από ποτέ.