Αιτίες και λύσεις Semalt για επιβράδυνση ιστότοπων


Πίνακας Περιεχομένων

1. Εισαγωγή
2. Αιτίες και λύσεις για επιβράδυνση ιστότοπων
  • Πάρα πολλά αιτήματα HTTP
  • Μεγάλα αρχεία πολυμέσων
  • Πάρα πολλά πρόσθετα
  • Ζητήματα JavaScript
  • Δεν χρησιμοποιείτε τεχνικές προσωρινής αποθήκευσης
  • Δεν χρησιμοποιείτε CDN
  • Μη βελτιστοποιημένο CSS
  • Ακατάστατη αρχική σελίδα
  • Ακαθάριστη κωδικοποίηση
3. συμπέρασμα

1. Εισαγωγή

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

Η ταχύτητα της σελίδας επηρεάζει τον τρόπο με τον οποίο οι μηχανές αναζήτησης κατατάσσουν τον ιστότοπό σας. Επηρεάζει επίσης την ορατότητα και την αξιοπιστία του ιστότοπού σας. Έχοντας έναν αργό ιστότοπο μπορεί να οδηγήσει σε μείωση των εσόδων, καθώς το 40% των χρηστών θα εγκαταλείψουν τον ιστότοπό σας εάν χρειαστούν περισσότερα από 2-3 δευτερόλεπτα για τη φόρτωση. Θα προσφέρετε επίσης στους επισκέπτες του ιστότοπου μια αρνητική εμπειρία, καθιστώντας τους λιγότερο πιθανό να επιστρέψουν στον ιστότοπό σας.

Υπάρχουν πολλοί παράγοντες υπεύθυνοι για αργούς ιστότοπους. Διαβάστε παρακάτω για να μάθετε ποιοι είναι αυτοί οι παράγοντες και πώς να τους διορθώσετε.

2. Αιτίες και λύσεις σε αργούς ιστότοπους

  • Πάρα πολλά αιτήματα HTTP
Αυτός είναι ένας κοινός λόγος για αργούς ιστότοπους. Όταν έχετε τόσες πολλές εικόνες JavaScript και CSS, μπορεί να επιβραδύνει το χρόνο φόρτωσης του ιστότοπού σας, επειδή το πρόγραμμα περιήγησης ζητά να φορτώνει κάθε ένα από αυτά τα αρχεία κάθε φορά που κάποιος επισκέπτεται τον ιστότοπό σας. Το 80% του χρόνου φόρτωσης του ιστότοπού σας συνδέεται με τη λήψη αυτών των στοιχείων.
Για να επιλύσετε αυτό το πρόβλημα, ελαχιστοποιήστε τα αιτήματα HTTP. Εάν χρησιμοποιείτε το πρόγραμμα περιήγησης Chrome, χρησιμοποιήστε τις ρυθμίσεις του εργαλείου προγραμματιστή για να μάθετε τον αριθμό αιτημάτων που υποβάλλει ο ιστότοπός σας για κάθε αναζήτηση και, στη συνέχεια, μειώστε τον αριθμό όσο το δυνατόν περισσότερο.

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

  • Μεγάλα αρχεία πολυμέσων
Αυτός είναι ένας από τους πιο συνηθισμένους ένοχους μιας αργής ιστοσελίδας. Η ύπαρξη πάρα πολλών μη βελτιστοποιημένων εικόνων ή βίντεο μειώνει την ταχύτητα φόρτωσης του ιστότοπού σας, επειδή οι εικόνες θα χρησιμοποιούν πολύ εύρος ζώνης κατά τη φόρτωση. Εάν ανεβάζετε συχνά μεγάλα αρχεία πριν επιχειρήσετε να τα συμπιέσετε, αυξάνετε άσκοπα το μέγεθος του ιστότοπού σας, κάτι που θα επηρεάσει την ταχύτητα του ιστότοπού σας.
Για να επιλύσετε αυτό το πρόβλημα, βελτιστοποιήστε τα αρχεία πολυμέσων σας συμπιέζοντάς τα πριν τα ανεβάσετε στον ιστότοπό σας. Οι εικόνες σας δεν πρέπει να είναι μεγαλύτερες από 100k. Υπάρχουν διάφορα διαδικτυακά εργαλεία που μπορείτε να χρησιμοποιήσετε για να βελτιστοποιήσετε τις εικόνες σας. Μπορείτε να χρησιμοποιήσετε ένα δωρεάν εργαλείο συμπίεσης εικόνας που ονομάζεται TinyJPG για να μειώσετε το μέγεθος της εικόνας σας πριν τα ανεβάσετε. Εάν εκτελείτε έναν ιστότοπο WordPress, μπορείτε να χρησιμοποιήσετε το WP Smush.
Θα πρέπει επίσης να δώσετε προσοχή στη μορφή εικόνας, καθώς οι μορφές εικόνας PNG ή GIF είναι πολύ μεγαλύτερες σε σύγκριση με τη μορφή JPG, συνεπώς η χρήση της μορφής εικόνας JPG μπορεί να βοηθήσει τον ιστότοπό σας να φορτώσει πολύ πιο γρήγορα. Μπορείτε να χρησιμοποιήσετε γραφικές εφαρμογές επεξεργασίας όπως το Photoshop για να επιλέξετε τη μορφή εικόνας που θέλετε. Το Photoshop έχει μια επιλογή που ονομάζεται "Αποθήκευση για Web και συσκευές", η οποία σας επιτρέπει να μειώσετε την ποιότητα μιας εικόνας προτού την ανεβάσετε σε έναν ιστότοπο.
  • Πάρα πολλά πρόσθετα
Πάρα πολλά πρόσθετα μπορεί να είναι ένας άλλος λόγος για τον οποίο ο ιστότοπός σας είναι αργός. Εάν έχετε διάφορες προσθήκες που ελέγχουν τις διαφορετικές δυνατότητες του ιστότοπού σας, μπορεί να σταθμίσει τον ιστότοπό σας και να τον αναγκάσει να φορτώσει πιο αργά. Αυτό συμβαίνει επειδή τα πρόσθετα αυξάνουν την εργασία που πρέπει να κάνει ο ιστότοπός σας κατά τη φόρτωση. Οι προσθήκες μπορούν επίσης να επηρεάσουν την πρόσληψη σελίδων στον ιστότοπό σας, μειώνοντας την ταχύτητα σελίδας του ιστότοπού σας.
Μην παρασυρθείτε με τις χιλιάδες προσθήκες που προσφέρουν εκπληκτικά πράγματα για τον ιστότοπό σας και υπερφορτώνετε τον ιστότοπό σας με πάρα πολλά πρόσθετα. Αντ 'αυτού, έχετε ένα πρόσθετο όλα σε ένα που μπορεί να κάνει τη δουλειά αποτελεσματικά. Ένα πρόσθετο που μπορείτε να χρησιμοποιήσετε για αυτόν τον σκοπό είναι το MalCare. Σας επιτρέπει να διαχειριστείτε τον ιστότοπό σας στο WordPress και επίσης προστατεύετε τον ιστότοπό σας από χάκερ και κακόβουλα προγράμματα.
  • Ζητήματα JavaScript
Το JavaScript είναι ένα σημαντικό εργαλείο που κάνει τον ιστότοπό σας λειτουργικό και πιο διαδραστικό για τους χρήστες. Διευκολύνει τη φόρτωση δυναμικών δεδομένων μέσω AJAX και προσθέτει επίσης ειδικά εφέ στη σελίδα σας. Ωστόσο, εάν δεν γίνεται σωστά, η JavaScript μπορεί να είναι πρόβλημα για τον ιστότοπό σας.

Μπορεί να αποτρέψει τη φόρτωση των σελίδων σας όσο πιο γρήγορα θα έπρεπε, επειδή το πρόγραμμα περιήγησης πρέπει να φορτώνει πλήρως κάθε αρχείο JavaScript πριν μπορέσει να εμφανίσει μια ιστοσελίδα. Μια μη βελτιστοποιημένη JavaScript μπορεί να οδηγήσει σε αυτό που είναι γνωστό ως JavaScript αποκλεισμού απόδοσης ή JavaScript που καθυστερεί τις σελίδες σας όταν οι χρήστες προσπαθούν να τις ανοίξουν στα προγράμματα περιήγησής τους.
Για να αντιμετωπίσετε αυτό το πρόβλημα, θα πρέπει:
  • Χρησιμοποιήστε το ενσωματωμένο JavaScript αντί να χρησιμοποιήσετε εξωτερικά αρχεία JavaScript.
  • Ελέγξτε τα αρχεία JavaScript για να δείτε αν υπάρχει κάποιος που δεν είναι τόσο σημαντικός, ώστε να μπορείτε να τα ξεφορτωθείτε.
  • Η συμπίεση του JavaScript θα σας βοηθήσει επίσης, να εγκαταστήσετε έναν συμπιεστή YUI και να τον χρησιμοποιήσετε για να σβήσετε τα αρχεία σας.
  • Χρησιμοποιήστε ασύγχρονη φόρτωση για τα αρχεία JavaScript.
  • Αναβολή φόρτωσης JavaScript; Εάν αποτρέψετε τη φόρτωση της JavaScript έως ότου φορτωθούν άλλα στοιχεία, θα αυξήσετε την ταχύτητα της σελίδας σας.

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

Μπορείτε εύκολα να ενεργοποιήσετε την προσωρινή αποθήκευση χρησιμοποιώντας πρόσθετα όπως το W3 Total Cache. Αυτό θα λειτουργήσει καλύτερα για εσάς εάν χρησιμοποιείτε ιστότοπο WordPress. Το W3 Total Cache λέει ότι η ταχύτητα σελίδας των χρηστών της έγινε δέκα φορές καλύτερη από ό, τι πριν από τη χρήση της προσθήκης.
Για να αποθηκεύσετε μια προσωρινά αποθηκευμένη έκδοση του ιστότοπού σας στο πρόγραμμα περιήγησης ενός χρήστη και μεταβείτε στις γενικές ρυθμίσεις. Επιλέξτε την προσωρινή μνήμη του προγράμματος περιήγησης, κάντε κλικ στο πλαίσιο "Ενεργοποίηση" Σημειώστε ότι μπορείτε να προσδιορίσετε το χρονικό διάστημα που θέλετε ένα αρχείο αποθηκευμένο στην προσωρινή μνήμη ενός επισκέπτη. Το μόνο που έχετε να κάνετε είναι να προσθέσετε μια γραμμή που να λέει στο πρόγραμμα περιήγησης πόσο καιρό θέλετε ένα αρχείο να παραμείνει στην προσωρινή μνήμη ενός επισκέπτη.
  • Δεν χρησιμοποιείτε CDN
Ένα δίκτυο παράδοσης περιεχομένου σάς επιτρέπει να αποθηκεύετε αντίγραφα του ιστότοπού σας σε διαφορετικούς διακομιστές που βρίσκονται σε διάφορες στρατηγικές τοποθεσίες, έτσι ώστε οι σελίδες σας να μπορούν να φορτώνονται γρήγορα όταν οι χρήστες που βρίσκονται μακριά από τον κύριο διακομιστή σας προσπαθούν να αποκτήσουν πρόσβαση στον ιστότοπό σας. Η φιλοξενία του ιστότοπού σας σε έναν μόνο διακομιστή μπορεί να προκαλέσει αργή ταχύτητα σελίδας επειδή όλοι οι επισκέπτες του ιστότοπού σας στέλνουν αιτήματα στον ίδιο διακομιστή και αυτό μπορεί να δημιουργήσει υψηλό επίπεδο επισκεψιμότητας για τον ιστότοπό σας, αυξάνοντας τον χρόνο που αφιερώνεται για την επεξεργασία των αιτημάτων των χρηστών και οδηγώντας να επιβραδύνει το χρόνο φόρτωσης.
Για να διορθώσετε αυτό το πρόβλημα, είναι καλύτερο να χρησιμοποιήσετε ένα CDN. Με ένα CDN, μπορείτε να αποθηκεύσετε εύκολα τα δεδομένα σας σε διαφορετικούς διακομιστές και να αποφύγετε την εμπλοκή του κύριου διακομιστή σας με πάρα πολλά αιτήματα. Αυτό σημαίνει ότι όταν ένας χρήστης ζητά ένα αρχείο από τον ιστότοπό σας, το πρόγραμμα περιήγησής του μπορεί να το κατεβάσει από έναν πλησιέστερο διακομιστή. Το Cloudflare και το MaxCDN είναι καλές επιλογές CDN που μπορείτε να χρησιμοποιήσετε.
  • Μη βελτιστοποιημένο CSS
Το Cascading style sheet (CSS) έχει μεγάλη σχέση με την εμφάνιση του ιστότοπού σας. Δίνει οδηγίες στο πρόγραμμα περιήγησης σχετικά με το μέγεθος της γραμματοσειράς, το χρώμα, το μενού, την κεφαλίδα, το υποσέλιδο και άλλες λεπτομέρειες του ιστότοπού σας στην εμφάνιση των ιστοσελίδων σας. Τα αρχεία CSS μπορεί να είναι πολύ μεγάλα, με τόσες πολλές γραμμές κωδικών. Αυτό μπορεί να μειώσει σημαντικά την ταχύτητα φόρτωσης της σελίδας σας.
Μπορείτε να βελτιστοποιήσετε το CSS συνδυάζοντας όλες τις εικόνες σας σε ένα μεγάλο αρχείο χρησιμοποιώντας την εικόνα Sprites. Μια άλλη συμβουλή είναι να συμπιέσετε το αρχείο CSS σε νέο με μειωμένα λευκά κενά. Μπορείτε να το κάνετε με τη χρήση CSS minifiers όπως το CSS Nano. Ελέγξτε τα αρχεία και τους κωδικούς CSS σας και απαλλαγείτε από τυχόν περιττά αρχεία ή αντίγραφα.
  • Ακατάστατη αρχική σελίδα
Εάν ο ιστότοπός σας φορτώνεται πολύ αργά, πιθανότατα επειδή έχετε παραβλέψει την ποσότητα ακαταστασίας που είναι ενσωματωμένη στην αρχική σας σελίδα και ίσως σε ολόκληρες τις σελίδες του ιστότοπού σας.

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

  • Ακαθάριστη κωδικοποίηση
Εάν ο ιστότοπός σας είναι γεμάτος με υπερβολικά λευκά κενά, ενσωματωμένες μορφές κενών νέων γραμμών και περιττά σχόλια, τότε ναι, θα αντιμετωπίσετε έναν αργό ιστότοπο. Κάθε ιστότοπος δημιουργείται με πολλούς κωδικούς. Η Google, για παράδειγμα, βασίζεται σε 2 δισεκατομμύρια γραμμές κωδικών. Ορισμένοι προγραμματιστές ιστού παράγουν ιστότοπους που έχουν υπερβολικές γραμμές κωδικών που δεν εκτελούν σημαντικές λειτουργίες. Αυτοί οι πυκνοί, εκτεταμένοι κωδικοί μπορούν να επιβραδύνουν την ταχύτητα φόρτωσης του ιστότοπού σας.

Η λύση σε αυτό το πρόβλημα είναι να εξαλείψετε όλα τα περιττά στοιχεία από τους κωδικούς σας, όπως επιπλέον κενά, κενές κενές γραμμές και περιττά σχόλια. Υπάρχουν πολλά εργαλεία που μπορείτε να χρησιμοποιήσετε για να καθαρίσετε τους κωδικούς σας. Το Mark-up είναι ένα καταπληκτικό εργαλείο που μπορείτε να χρησιμοποιήσετε για το σκοπό αυτό. Μπορείτε επίσης να συνεργαστείτε με έναν έμπειρο προγραμματιστή ιστού όπως Semalt για να διασφαλίσετε ότι ο ιστότοπός σας είναι καλά κωδικοποιημένος.

3. Συμπέρασμα

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

mass gmail