1923.ro είναι ένας ιστότοπος οπαδών αφιερωμένος στον ποδοσφαιρικό σύλλογο Ραπίντ Βουκουρεστίου. Μπορείτε να βρείτε νέα και ενημερώσεις για την ομάδα, συνεντεύξεις με μερικούς από τους παίκτες και μπορείτε επίσης να αγοράσετε
Ο Dragos (ο ιδιοκτήτης του ιστότοπου) επέλεξε τη λύση φιλοξενίας μας για να δει αν μπορούμε να λύσουμε κάποια προβλήματα που είχε με αυτό το blog, δηλαδή την εμφάνιση της λευκής οθόνης, της λεγόμενης WSOD (λευκή οθόνη θανάτου) που εμφανίζεται αρκετά συχνά όταν χρησιμοποιώντας WordPress.
Η λευκή οθόνη θανάτου του WordPress μπορεί να είναι το αποτέλεσμα πολλών πραγμάτων:
- Το WordPress φτάνει στο όριο της μνήμης που εκχωρείται σε α
PHP γραφή - κακογραμμένο πρόσθετο ή θέμα
- πρόβλημα με τις ρυθμίσεις διακομιστή
- ανεπιθύμητους χαρακτήρες στο θέμα functions.php ή wp-config.php
Ας δούμε πώς βοηθήσαμε τους ποδοσφαιρικούς φίλους μας να αποκτήσουν ένα ιστολόγιο WordPress χωρίς σφάλματα και πιο γρήγορο.
Προτού
Πριν μεταφερθούμε στους διακομιστές μας, το ιστολόγιο φορτωνόταν σε 3,6 δευτερόλεπτα κατά μέσο όρο, είχε 108 αιτήματα και μέγεθος σελίδας περίπου 3800K εκ των οποίων οι 3404,5K ήταν εικόνες.
Το Google Page Speed Insights έδωσε
- βελτιστοποίηση εικόνων
- καταργήστε την Javascript και το CSS που εμποδίζουν την απόδοση σε περιεχόμενο στο πάνω μέρος
- μειώνει τον χρόνο απόκρισης του διακομιστή σε λιγότερο από 200 ms
Ήταν ξεκάθαρο ότι οι εικόνες ήταν το κύριο πρόβλημα αλλά και ο διακομιστής που φιλοξενούσε το blog δεν ήταν ο καλύτερος.
Βελτιστοποίηση ιστολογίου
Αναζητήσαμε εικόνες πολύ υψηλής ανάλυσης και αλλάξαμε το μέγεθός τους και χρησιμοποιήσαμε την προσθήκη Smushit για να βελτιστοποιήσουμε όλες τις φωτογραφίες στον ιστότοπο.
Υλοποιήσαμε το Lazy Load – ένα πρόσθετο WordPress που φορτώνει σταδιακά τις εικόνες, οι οποίες εμφανίζονται μόνο όταν ο χρήστης κάνει κύλιση.
Τώρα, αντί να φορτώνει 3MB φωτογραφιών, είναι μόνο περίπου 780K.
Εφαρμόσαμε έναν συνδυασμό προσωρινής μνήμης σελίδας και προσωρινής μνήμης βάσης δεδομένων για να κάνουμε το WordPress να λειτουργεί λιγότερο, να καταναλώνει λιγότερους πόρους, να εξυπηρετεί τις σελίδες πιο γρήγορα και να μπορεί να διατηρεί υψηλότερη επισκεψιμότητα.
Μετά
Μετά τη βελτιστοποίηση των εικόνων, τη ρύθμιση του lazy load και της εφαρμογής προσωρινής μνήμης, βελτιώσαμε την ταχύτητα φόρτωσης του ιστολογίου σε 1,4 δευτερόλεπτα από 3,60 δευτερόλεπτα όπως ήταν αρχικά.
Μια νέα δοκιμή Google PageSpeed Insights δείχνει βαθμολογία 92/100.
Άλλες συστάσεις
Εμφάνιση αποσπασμάτων και μικρογραφίας αντί για πλήρεις αναρτήσεις σε σελίδες αρχείων.
Αυτό θα έκανε τις σελίδες μικρότερες (KB wise).
Ένα άλλο πρόβλημα σχετίζεται με την προσθήκη Facebook, μια προσθήκη που προσθέτει ορισμένες λειτουργίες κοινωνικής δικτύωσης στον ιστότοπο και έχει αρνητικό αντίκτυπο – το 90,6 % της ταχύτητας φόρτωσης του ιστότοπου.
Πιστεύουμε ότι αυτή η προσθήκη δημιουργούσε τα σφάλματα, αλλά, δυστυχώς, σχεδόν όλες οι προσθήκες που προσθέτουν σχόλια στο Facebook που δοκιμάσαμε είχαν αρνητικό αντίκτυπο στην απόδοση (άλλες λιγότερο, άλλες περισσότερο).
Κατά γενικό κανόνα, από την προσωπική μας εμπειρία με τις προσθήκες σχολίων, είναι καλύτερο να παραμείνουμε στα προεπιλεγμένα σχόλια του WordPress – μπορεί να μην φαίνεται υπέροχο, αλλά τουλάχιστον δεν σαμποτάρει τον ιστότοπό σας.
Πρέπει να γίνει περισσότερη βελτιστοποίηση σε βάθος, όπως η κατάργηση της Javascript και του CSS με αποκλεισμό απόδοσης σε περιεχόμενο από πάνω. Εάν κατασκευάζετε τον ιστότοπό σας με μια μινιμαλιστική προσέγγιση και δεν τον εκνευρίζετε, αυτό δεν έχει μεγάλη διαφορά, αλλά σε ορισμένες περιπτώσεις ίσως αξίζει τον χρόνο για να το εφαρμόσετε.
Αυτό είναι περίπου. Εάν χρειάζεστε έλεγχο απόδοσης και βελτιστοποίηση, επικοινωνήστε.
Αφήστε μια