8 Συμβουλές για την επιτάχυνση του ιστοτόπου σας

Άρθρο που γράφτηκε από:
  • Inbound Marketing
  • Ενημερώθηκε: Ιούλιος 07, 2020

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

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

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

Μέσος χρόνος φόρτωσης ιστοσελίδας σε διαφορετικούς κλάδους (πηγή).

Δοκιμάστε την ταχύτητα του ιστότοπού σας

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

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

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

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

  • WebPageTest: Συλλέξτε την απόδοση ιστοσελίδων από πραγματικά προγράμματα περιήγησης που χρησιμοποιούν κοινά λειτουργικά συστήματα.
  • Pingdom: Βοηθά στην ανάλυση και εύρεση σημείων συμφόρησης σε μια απόδοση ιστότοπου.
  • GTmetrix: Αναλύστε και προσφέρετε πληροφορίες σχετικά με τον καλύτερο τρόπο βελτιστοποίησης της ταχύτητας ιστοσελίδας.
  • Bitcatcha: Ελέγξτε την ταχύτητα της τοποθεσίας από οκτώ χώρες.
Χρησιμοποιώντας έναν ελεγκτή ταχύτητας ιστότοπου, θα μπορείτε να μάθετε πόσο καλά βελτιστοποιήθηκε ο ιστότοπός σας αυτήν τη στιγμή.

Ακολουθούν οι συμβουλές για την επιτάχυνση του ιστότοπού σας ...

1. Επιλέξτε ένα μεγάλο οικοδεσπότη Ιστού

Από την εμπειρία μου, web hosting είναι ίσως μια από τις πιο μοναδικά σημαντικές επιλογές που θα πρέπει να κάνετε πότε φιλοξενία ιστοσελίδας. Υπάρχουν οικοδεσπότες Ιστού και μετά υπάρχουν έξοχος οικοδεσπότες Ιστού. Κάθε οικοδεσπότης Ιστού θα έχει διαφορετικά χαρακτηριστικά, επομένως προσέξτε τα βασικά στοιχεία όπως οι ιδιόκτητες τεχνολογίες προσωρινής αποθήκευσης, οι μονάδες στερεάς κατάστασης ή ο έλεγχος σε κρίσιμες περιοχές, όπως nginx.

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

Σας συνιστώ ανεπιφύλακτα να σκεφτείτε μετάβαση σε καλύτερο web host αν διαπιστώσετε ότι το TTFB σας είναι σταθερά πολύ υψηλό.

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

2. Μείωση: Μικρότερα είναι καλύτερα

Είναι σύνηθες για τους ιστοτόπους σήμερα να ξεχειλίζουν με τα αρχεία Javascript και CSS. Αυτό δημιουργεί έναν τόνο αιτημάτων HTTP κατά τη διάρκεια μιας επίσκεψης, η οποία μπορεί να καταλήξει να επιβραδύνει σημαντικά τον ιστότοπό σας. Αυτό είναι όπου εισέρχονται οι minification.

Η ελαχιστοποίηση των αρχείων Javascript και CSS πραγματοποιείται συνδυάζοντας όλα τα σενάρια σας σε ένα μόνο αρχείο (κάθε τύπου). Αυτό δεν είναι εύκολο έργο, αλλά μην ανησυχείτε, υπάρχουν plug-ins του WordPress που μπορούν να το χειριστούν για εσάς.

Δοκιμάστε ένα από αυτά για να ξεκινήσετε με: Autoptimize, Γρήγορη ελαχιστοποίηση ταχύτητας or Συγχώνευση + Μείωση + Ανανέωση

Η ελαχιστοποίηση μπορεί να προκαλέσει την εμφάνιση του κωδικού σας σε όλα - να μην ανησυχείτε! Αυτό είναι φυσιολογικό.

3. Ακολουθήστε την αρχή KISS

Αυτό δεν είναι κάτι που συνήθως διδάσκονται από τους περισσότερους web gurus, αλλά το έχω βρει εξαιρετικά χρήσιμο με πολλούς τρόπους. Το KISS είναι ένα αρκτικόλεξο για το "Κρατήστε το απλό, ανόητο". Έχει δημιουργηθεί από ένα έξυπνο chap στα 1960 που τόνισαν την αποτελεσματικότητα των απλών συστημάτων.

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

Σχεδιασμός και οπτική

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

Κωδικός & Plugins

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

Όσο συναρπαστικό και αυτό ακούγεται, προσέξτε να υπερφορτώσετε τον ιστότοπό σας με plugins. Θυμηθείτε ότι κάθε plugin σχεδιάστηκε από διαφορετικούς ανθρώπους (και πιθανώς διαφορετικές εταιρείες). Σκοπός τους είναι να επιτύχουν έναν συγκεκριμένο στόχο, όχι να εξορθολογίσουν τις επιδόσεις του ιστότοπού σας.

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

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

4. Αξιοποίηση των δικτύων παροχής περιεχομένου

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

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

Εκτός αυτού, η χρήση ενός CDN προσφέρει επιπλέον προστασία από κακόβουλες επιθέσεις, όπως Κατανεμημένη άρνηση παροχής υπηρεσίας (DDoS).

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

5. Κάντε χρήση της προσωρινής αποθήκευσης

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

Ο πιο αποτελεσματικός τρόπος υλοποίησης της προσωρινής αποθήκευσης από την πλευρά του διακομιστή είναι μέσω των ρυθμίσεων του Apache or nginx υπηρέτης. Θα πρέπει να περάσετε από αυτά τα έγγραφα και να βρείτε τις σωστές ρυθμίσεις που θα σας βοηθήσουν να ορίσετε την προσωρινή αποθήκευση του διακομιστή σας.

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

Εάν γίνεται πολύ περίεργο για σας, τα Plugins είναι μια άλλη επιλογή, αλλά πάλι, δεν σας προτείνω να καταφύγετε σε αυτή την περίπτωση.

6. Εικόνες Hog Bandwidth, Βελτιστοποιήστε τη δική σας!

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

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

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

Υπάρχουν δύο τρόποι να το κάνετε αυτό. Και πάλι, το πρώτο είναι μέσω ενός plugin όπως WP Smush. Η εναλλακτική λύση, ή για όσους δεν χρησιμοποιούν WordPress, είναι ένα εργαλείο βελτιστοποίησης εικόνας τρίτων όπως συμπιεστή εικόνας or JPEG Optimizer.

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

Αυτά μεγεθύνονται σε περιοχές μιας εικόνας HD (αριστερά). Το πρωτότυπο ήταν 2.3MB και μετά τη βελτιστοποίηση, αυτό μειώθηκε στο 331kb!

7. Χρησιμοποιήστε τη συμπίεση gzip

Εάν έχετε ακούσει τη συμπίεση εικόνας ή ίσως την αρχειοθέτηση (ZIP ή RAR) τότε πιθανότατα θα είστε εξοικειωμένοι με τη θεωρία πίσω από τη συμπίεση gzip. Αυτό συμπιέζει τον κώδικα ιστότοπού σας, με αποτέλεσμα την αύξηση της ταχύτητας έως και 300% (τα αποτελέσματα ποικίλλουν).

Ακόμη και για κάτι τόσο τεχνικό όσο αυτό, μπορείτε να πάτε δεξιά μπροστά και να χρησιμοποιήσετε ένα plugin όπως PageSpeed ​​Ninja. Ωστόσο, υπάρχει μια πολύ πιο αποτελεσματική μέθοδος η οποία περιλαμβάνει μόνο την επεξεργασία του αρχείου .htaccess σας μία φορά.

Προσθέστε τον παρακάτω κώδικα στο αρχείο .htaccess και θα ρυθμίσετε:

<IfModule mod_deflate.c> # Συμπίεση HTML, CSS, JavaScript, κείμενο, XML και γραμματοσειρές AddOutputFilterByType DEFLATE εφαρμογή / javascript AddOutputFilterByType εφαρμογή DEFLATE / rss + xml ΠροσθήκηOutputFilterByType DEFLATE εφαρμογή / vnd.ms-fontobject AddOutputFilterByType DEFLATE εφαρμογή / x-font ApplicationOutputFilterByType DEFLATE / x-font-opentype AddOutputFilterByType εφαρμογή DEFLATE / x-font-otf AddOutputFilterByType εφαρμογή DEFLATE / x-font-truetype ΠροσθήκηOutputFilterByType εφαρμογή DEFLATE / x-font-ttf ΠροσθήκηOutputFilterByType DEFLATE εφαρμογή / x-javascript AddOutputFilterByType DEFLATE εφαρμογή / xhtml + xml AddOutputFilterByType εφαρμογή DEFLATE / XML AddOutputFilterByType DEFLATE γραμματοσειρά / OpenType γραμματοσειρά AddOutputFilterByType DEFLATE / OTF AddOutputFilterByType DEFLATE γραμματοσειράς / tTF AddOutputFilterByType DEFLATE image / svg + xml AddOutputFilterByType DEFLATE εικόνας / x-εικονίδιο AddOutputFilterByType DEFLATE κείμενο / css AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE κείμενο / javascript AddOutputFilterByType DEFLATE κείμενο / απλό AddOutputFilterByType DEFLATE κείμενο / xml </ IfModule>

* Σημείωση: Βεβαιωθείτε ότι έχετε προσθέσει αυτόν τον κώδικα ΠΕΡΙΣΣΟΤΕΡΑ τα στοιχεία που έχετε στο αρχείο .htaccess.

8. Μείωση των ανακατευθύνσεων

Κανονικά, τα προγράμματα περιήγησης δέχονται διάφορες μορφές διευθύνσεων οι οποίες με τη σειρά τους μεταφράζονται σε αναγνωρισμένες επίσημες από τον διακομιστή σας. Πάρτε για παράδειγμα www.example.com και example.com. Και οι δύο μπορούν να πάνε στον ίδιο ιστότοπο, αλλά κάποιος χρειάζεται το διακομιστή σας να το ανακατευθύνει στην επίσημα αναγνωρισμένη διεύθυνση.

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

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

Πόσο γρήγορα είναι αρκετά γρήγορα;

Google PageSpeed ​​Insight
Το Google PageSpeed ​​Insight είναι ένα καλό σημείο αναφοράς για το πώς βλέπει ο γίγαντας αναζήτησης την απόδοση του ιστότοπού σας.

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

Δυστυχώς, πολλοί ιστότοποι εξακολουθούν να μην πληρούν αυτό το σημείο αναφοράς. Στην πραγματικότητα, έχω μετρήσει ορισμένους ιστότοπους που απαιτούν συγκλονιστικά έως και 5 ή 6 λεπτά για φόρτωση. Τούτου λεχθέντος, εάν ο ιστότοπός σας διαρκεί περισσότερο από 7 δευτερόλεπτα για φόρτωση, αυτό είναι ήδη πολύ μεγάλο για το Google.

Οι ταχύτεροι ιστότοποι κρατούν τους επισκέπτες (και το Google) ευτυχείς

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

Πιστέψτε με, θα συνεχίσετε να χάνετε τους επισκέπτες και σε κάποιο σημείο, θα αποκτήσετε μια τόσο κακή φήμη που θα γνωρίζετε ως "Ω, ΟΤΙ δικτυακός τόπος". Εάν είστε σε μια επιχείρηση στο διαδίκτυο, αυτό κάνει ακόμα χειρότερο από τότε που θα σκοτώσετε τη δική σας χρυσή χήνα.

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

Μην καταλήξετε ως ΟΤΙ ιστοσελίδα.

Σχετικά με τον Timothy Shim

Ο Timothy Shim είναι συγγραφέας, συντάκτης και tech geek. Ξεκινώντας την καριέρα του στον τομέα της Πληροφορικής, βρήκε γρήγορα το δρόμο του για εκτύπωση και από τότε συνεργάστηκε με τίτλους διεθνών, περιφερειακών και εγχώριων μέσων ενημέρωσης όπως οι ComputerWorld, PC.com, Business Today και The Asian Banker. Η εξειδίκευσή του έγκειται στον τομέα της τεχνολογίας τόσο από πλευράς καταναλωτών όσο και επιχειρήσεων.