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

Άρθρο που γράφτηκε από:
  • Inbound Marketing
  • Ενημερώθηκε: Nov 02, 2018

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

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

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

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

Δοκιμή της ταχύτητας του ιστότοπού σας

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

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

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

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

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

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

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) ευτυχείς

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

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

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

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

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

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

Συνδέω: