7 τρόποι να φτιάξετε τον ιστοτόπο ή το ιστολόγιό σας πιο γρήγορα για τους επισκέπτες

Διαφήμιση

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

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

1. Μειώστε το πραγματικό μέγεθος του ιστότοπού σας

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

Πάνω από το 70% των ιστοσελίδων για κινητά είναι πάνω από 1MB και το 12% είναι πάνω από 4MB! Λάβετε υπόψη ότι χρειάζεται 7 δευτερόλεπτα για λήψη 1.5MB σε καλή σύνδεση 3G. Η καλύτερη πρακτική είναι να κρατάτε κάθε σελίδα κάτω από 0,5MB.

Μαθαίνω τη διαφορά μεταξύ JPG, PNG και GIF, και βεβαιωθείτε ότι χρησιμοποιείτε την ανάλυση που χρειάζεστε.

Σύμφωνα με GlobalStats, αυτές είναι οι πιο αναλυτικές αναλύσεις οθόνης για το 2018:

• Το 22,55% χρησιμοποιεί μια ανάλυση του 360 x 640 (κινητό)
• 11,73% χρησιμοποιούν ψήφισμα του 1366 x 768
• Το 8.26% χρησιμοποιεί μια ανάλυση του 1920 x 1080
• 4.91% χρησιμοποιούν μια ανάλυση του 375 x 667 (κινητό)
• Το 2,94% χρησιμοποιεί μια ανάλυση του 1440 x 900

Αυτό είναι πάνω από το 50% όλων των χρηστών, επομένως το θεωρήστε αυτό όταν προσθέτετε φωτογραφίες στον ιστότοπό σας.

2. Σχεδιάστε τον ιστότοπό σας για κινητά

Σύμφωνα με έρευνα που πραγματοποίησε η Google πέρυσι σχετικά με την ταχύτητα της σελίδας για κινητά:

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

Πάνω από το 75% των ιστότοπων για κινητά χρειάζονται 10 δευτερόλεπτα ή περισσότερο για φόρτωση μέσω 3G. Καλά πάνω από το ήμισυ της συνολικής κυκλοφορίας είναι μέσω κινητών συσκευών, και αυτό δεν είναι πιθανό να πάει κάτω. Συνεπώς, κρατήστε ένα μικρό αποτύπωμα ιστότοπου για να κάνουν ευτυχείς τους χρήστες του κινητού Διαδικτύου και βεβαιωθείτε ότι μένουν γύρω τους!

Εάν χρησιμοποιείτε ένα CMS όπως WordPress, Joomla ή Drupal Drupal εναντίον Wordpress: Ποιο είναι το καλύτερο CMS ανοικτού κώδικα;Σχεδιάζετε τη δημιουργία ενός ιστότοπου, αλλά δεν μπορείτε να επιλέξετε το σωστό CMS ανοικτού κώδικα; Εδώ μπορείτε να επιλέξετε μεταξύ του WordPress και του Drupal. Διαβάστε περισσότερα , υπάρχουν plugins για να βοηθήσετε τον ιστότοπό σας να είναι πιο φιλικός προς το κινητό.

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

Θα πρέπει επίσης να εξετάσετε την προσφορά μιας απλοποιημένης έκδοσης του ιστοτόπου σας χρησιμοποιώντας το Επιταχυνόμενο πρόγραμμα για κινητές σελίδες (AMP). Η χρήση σελίδων AMP θα βελτιώσει την ταχύτητα φόρτωσης σελίδας στο κινητό. Υπάρχουν αυστηρές οδηγίες για το JavaScript και το CSS, αλλά τα οφέλη είναι μετρήσιμα.

Όποια διαδρομή αποφασίζετε να κατεβάσετε, βεβαιωθείτε ότι ο ιστότοπός σας για κινητά είναι ελαφριά επιλογή. Και προσπαθήστε να κρατήσετε κάτω από το 0,5MB σύσταση ανά σελίδα.

3. Βεβαιωθείτε ότι ο ιστότοπός σας είναι μικροσκοπικός

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

Μειώστε και συνδυάστε το CSS, HTML και JavaScript. Εάν χρησιμοποιείτε ένα CDN όπως το Cloudflare για παράδειγμα, υπάρχει μια συγκεκριμένη καρτέλα για βελτιώσεις ταχύτητας, όπου η πρώτη επιλογή είναι Auto Minify. Αν χρησιμοποιείτε έναν οικοδόμο ιστοτόπου (όπως το Squarespace ή το Weebly), αυτό πιθανόν να γίνει για εσάς από προεπιλογή.

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

4. Αποφύγετε τη φόρτωση των σεναρίων όταν δεν χρειάζεστε

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

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

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

Το Async θα ενημερώσει το πρόγραμμα περιήγησης να συνεχίσει την ανάλυση της HTML ταυτόχρονα με τη λήψη των αρχείων JavaScript. Η παύση θα πραγματοποιηθεί στη συνέχεια αφού ολοκληρωθεί η λήψη του αρχείου.

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

Ένα πρόγραμμα περιήγησης θα απενεργοποιήσει προσωρινά την ανάλυση αρχείων HTML ενώ τα αρχεία JavaScript θα φορτωθούν και θα εκτελεστούν.

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

Μπορείτε να χρησιμοποιήσετε με ασφάλεια την αναβολή και την ανανέωση στο Google Analytics, στο Facebook Pixel και σε άλλα εργαλεία αναλύσεων και αναφορών σφάλματος χωρίς να επηρεαστεί η λειτουργικότητα της σελίδας.

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

5. Χρησιμοποιήστε το Caching και ένα CDN

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

Cloudflare είναι πιθανό το CDN που γνωρίζετε καλύτερα, αλλά Ακάμαϊ και Amazon CloudFront είναι καθιερωμένες εναλλακτικές λύσεις.

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

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

6. Απαλλαγείτε από μη ουσιαστικά πρόσθετα

Οι προσθήκες θα πρέπει να χρησιμοποιούνται μόνο όταν είναι απαραίτητο. Αυτό ισχύει είτε χρησιμοποιείτε Wix, Weebly, WordPress ή Squarespace Squarespace vs. WordPress: Ποιο είναι κατάλληλο για εσάς;Το WordPress και το Squarespace είναι τα δύο μεγαλύτερα ονόματα στο website building. Εδώ είναι τι πρέπει να ξέρετε για να αποφασίσετε μεταξύ των δύο. Διαβάστε περισσότερα ή οτιδήποτε άλλο. Οποιεσδήποτε λειτουργίες μπορείτε να κάνετε προσθέτοντας απλό CSS αντί για plugin, θα πρέπει να κάνετε. Χρησιμοποιήστε τον κώδικα Injection στο Squarespace, Χρησιμοποιήστε το CSS Customizer στο WordPress , και Προσαρμοσμένο CSS στο Wix.

Οι προσθήκες μπορούν να προκαλέσουν υψηλό CPU ή στέλεχος μνήμης στο διακομιστή σας και αυτό μπορεί να επιβραδύνει ή ακόμα και να σταματήσει να φορτώνεται ο ιστότοπός σας.

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

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

7. Ρυθμίσεις διακομιστή για να επιταχύνετε την ιστοσελίδα σας

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

Η Google συνιστά ο χρόνος στο πρώτο byte (TTFB) να είναι 1,3 δευτερόλεπτα ή λιγότερο. Αυτή είναι η μεγαλύτερη καθυστέρηση πριν ξεκινήσει η λήψη μιας σελίδας από μια συσκευή μετά την αρχική επικοινωνία με το διακομιστή. Τούτου λεχθέντος, η μέση σελίδα έχει ένα TTFB πάνω από 2 δευτερόλεπτα, πολύ πάνω από τη σύστασή τους.

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

• Χρησιμοποιήστε την τελευταία έκδοση της PHP με την οποία είναι συμβατός ο ιστότοπός σας. Η τελευταία έκδοση (PHP 7.2) έχει μαζικές βελτιώσεις ταχύτητας.
• Ενεργοποιήστε το "Keep-Alive"
• Ενεργοποιήστε το HTTP / 2
• Επωφεληθείτε από την ασφάλεια HTTP Strict Transport Security (HSTS)
• Ορίστε τα αντίγραφα ασφαλείας να ολοκληρωθούν τη νύχτα

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

Ολοκληρώθηκε η αναπνοή; Τώρα δοκιμάστε τον ιστότοπό σας

Τώρα που γνωρίζετε τον ιδανικό χρόνο φόρτωσης σελίδας, το μέγεθος και το χρόνο στο πρώτο byte (TTFB) για τον οποίο θα πρέπει να στοχεύετε, πώς ξέρετε τι είναι δικός σας;

Εδώ είναι μερικά από τα αγαπημένα μας online εργαλεία για να ελέγξετε τον ιστότοπό σας:

• varvy.com: αυτά τα εργαλεία θα δοκιμάσουν την ταχύτητα και την απόδοση της επιφάνειας εργασίας και της κινητής σας σελίδας και θα σας δώσουν πολύτιμους οδηγούς για το πώς μπορείτε να βελτιώσετε τον ιστότοπό σας
• Google PageSpeed ​​Insight: ενημερώθηκε πρόσφατα, το εργαλείο Google PageSpeed ​​θα δοκιμάσει την ταχύτητά σας και θα σας δώσει προτάσεις βελτίωσης
• GTmetrix: ένα εξαιρετικό εργαλείο με συμβουλές που μπορούν να ασκηθούν
• WebPageTest: δοκιμάστε τον ιστότοπό σας σε διαφορετικές συσκευές, λειτουργικά συστήματα και τοποθεσίες
• Pingdom: ένα πολύ δημοφιλές εργαλείο, παρόμοιο με το WebPageTest με καλύτερο interface

Μπορείτε να δοκιμάσετε τον ιστότοπό σας για κινητά με τους παραπάνω συνδέσμους και επίσης τον Δοκιμή κινητού τηλεφώνου ThinkWithGoogle (powered by WebPageTest). Τα αποτελέσματα θα σας δώσουν συγκεκριμένες συμβουλές για το τι μπορείτε να βελτιώσετε, με μια εικαζόμενη μείωση του χρόνου φόρτωσης αν ακολουθήσετε τις συμβουλές.

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

Για ακόμα πιο πολύτιμη διορατικότητα στο πώς λειτουργεί ο ιστότοπός σας, θυμηθείτε επαληθεύστε τον τομέα σας στο Google και στο Bing. Τα 5 κύρια οφέλη της επαλήθευσης του τομέα σας στο Google και το BingΑν έχετε τον δικό σας ιστότοπο, μπορείτε να επαληθεύσετε τον τομέα σας στο Google και στο Bing με τα εργαλεία για webmasters. Διαβάστε περισσότερα