Perfmatters, οδηγός διαμόρφωσης

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

Το χρησιμοποιώ από τον Ιανουάριο του 2021 και είναι ένα από τα plugins που έχει λύσει τα περισσότερα προβλήματα και αυτό που συμβάλλει περισσότερο και καλύτερα στην ελάφρυνση της ταχύτητας φόρτωσης.

Απαραίτητο

Είναι ένα από εκείνα τα εργαλεία που δεν αναρωτιέστε καν για την ελάχιστη πιθανότητα να μην πληρώσετε όταν έρθει η ημέρα της ετήσιας ανανέωσης. Το οποίο, παρεμπιπτόντως, είναι πολύ οικονομικό για χρήση σε έναν μόνο ιστότοπο. Κοστίζει μόνο 24,95 δολάρια και έχει έκπτωση 15% για τις επόμενες ανανεώσεις. Έτσι, από το δεύτερο έτος και μετά είναι 21,21 δολάρια για ένα ευτελές ποσό 21,21 δολαρίων.

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

Σχετικά με τη διαμόρφωση

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

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

Ένα άλλο πράγμα που πρέπει να έχετε κατά νου είναι ότι τα διπλά εργαλεία θα συγκρούονται. Υπάρχουν άλλα πρόσθετα όπως το WP Rocket ή το πρόσθετο cache διακομιστή με το Litespeed που έχουν κάποιες λειτουργίες που κάνουν ακριβώς το ίδιο πράγμα. Η ταυτόχρονη ενεργοποίησή τους μπορεί να προκαλέσει συγκρούσεις. Θα πρέπει να αξιολογήσετε ποιο λειτουργεί καλύτερα και να παραμείνετε μόνο σε ένα από αυτά.

Καρτέλα General (Γενικά)

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

Απενεργοποίηση emojis

Στην έκδοση 4.2 του WordPress το 2015, η υποστήριξη για emojis προστέθηκε στον πυρήνα για τα παλαιότερα προγράμματα περιήγησης.

Παρόλο που δεν είναι πολύ βαριά (18 KB συν άλλα JS) μπορείτε να τα απενεργοποιήσετε επειδή φορτώνουν την JavaScript wp-emoji-release.min.js σε κάθε σελίδα του ιστολογίου σας και μια λιγότερη αίτηση είναι πάντα μια λιγότερη αίτηση.

Απενεργοποίηση dashicons

Το Dashicons είναι η επίσημη γραμματοσειρά εικονιδίων του WordPress admin από την έκδοση 3.8. Ορισμένα πρότυπα το χρησιμοποιούν στο front-end φορτώνοντας το CSS dashicons.min.css. Ωστόσο, πολλά σύγχρονα θέματα και πρόσθετα χρησιμοποιούν ήδη τα δικά τους εικονίδια, SVGs ή δεν χρησιμοποιούν καθόλου εικονίδια. Έτσι, αν δεν χρησιμοποιείτε dashicons μπορείτε να τα απενεργοποιήσετε, επειδή το φύλλο στυλ προσθέτει περιττό χρόνο φόρτωσης και επίσης μπλοκάρει την απόδοση.

Η απενεργοποίησή τους από το Perfmatters δεν επηρεάζει τον πίνακα διαχείρισης του WordPress, ο οποίος τα χρησιμοποιεί. Μόνο τα dashicons στο front-end θα αφαιρεθούν όταν δεν είστε συνδεδεμένοι.

Απενεργοποίηση ενσωματώσεων

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

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

Η ενσωμάτωση ή η ενσωμάτωση έγινε με την έκδοση 4.4 του WordPress. Το μειονέκτημα είναι ότι συνοδεύονται από έναν επιπλέον κώδικα που προστίθεται με τη συμπερίληψη μιας ακόμη JavaScript προς φόρτωση: wp-embed.min.js

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

Απενεργοποίηση XML-RPC

Το XML-RPC είναι ένα πρωτόκολλο που προστέθηκε στο WordPress 3.5 για να επιτρέπει απομακρυσμένες συνδέσεις και, εκτός αν χρησιμοποιείτε την εφαρμογή WordPress App για να δημοσιεύετε ή να επεξεργάζεστε το ιστολόγιό σας από το κινητό, είναι σημαντικό να το απενεργοποιήσετε, επειδή ενέχει σοβαρούς κινδύνους για την ασφάλεια.

Πολύ λίγα πρόσθετα το απαιτούν, γνωρίζω μόνο ένα που το χρησιμοποιεί: το JetPack. Ένα πρόσθετο πολλαπλών λειτουργιών που δεν συνιστάται, επειδή εμποδίζει σημαντικά τις επιδόσεις.

Αφού απενεργοποιήσετε το XML-RPC, απλά ελέγξτε την κατάστασή του, επισκεπτόμενοι τη διεύθυνση yourdomain.com/xmlrpc. php, για να βεβαιωθείτε ότι επιστρέφει μόνο ένα μήνυμα σφάλματος 403.

Μπορείτε επίσης να το ελέγξετε σε αυτόν τον ελεγκτή. Αν λάβετε ένα μήνυμα σαν αυτό σημαίνει ότι η XML-RPC είναι απενεργοποιημένη.

Αφαίρεση του jQuery Migrate

Εισήχθη στο WordPress 3.6 και δεν είναι πλέον ενεργοποιημένο από προεπιλογή από το WP 5.5 και μετά.

Αν και τα περισσότερα πρότυπα και πρόσθετα δεν το χρειάζονται, υπάρχουν ακόμα μερικά που το απαιτούν για κάποια δευτερεύουσα λειτουργία. Στην περίπτωσή μου υπάρχουν δύο plugins που το χρησιμοποιούν, το Ultimate Membership Pro και το Rank Math για μια μπάρα στατιστικών (την οποία δεν χρησιμοποιώ) που εμφανίζεται μόνο για τους διαχειριστές. Ορισμένα πρόσθετα διαχείρισης συγκατάθεσης cookie το χρησιμοποιούσαν μέχρι πρόσφατα.

το jQuery Migrate είναι ένας πόρος για προγραμματιστές που επιτρέπει στον κώδικα με παλαιότερες εξαρτήσεις να επικοινωνεί με τον νέο κώδικα.

Οι πιθανότητες είναι ότι δεν έχετε κανένα πρόσθετο που να το χρειάζεται, οπότε το jQuery Migrate προσθέτει την περιττή επιβάρυνση του Javascrip jquery-migrate.min.js

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

Απόκρυψη έκδοσης WordPress

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

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

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

Κατάργηση του συνδέσμου wlwmanifest

Πρόκειται για μια ετικέτα που εμφανίζεται σε κάθε εγκατάσταση WordPress και χρησιμοποιούνταν από το Windows Live Writer, το οποίο σταμάτησε να ενημερώνεται και να υποστηρίζεται τον Ιανουάριο του 2017.

Όπως και παραπάνω, είναι απλώς περιττός κώδικας, οπότε μία γραμμή λιγότερη.

Αφαίρεση συνδέσμου RSD

Άλλη μια ετικέτα που έχει απομείνει και εμφανίζεται σε κάθε εγκατάσταση WordPress.

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

Αφαιρέστε τον σύντομο σύνδεσμο

Χρησιμοποιείται για τη δημιουργία ενός σύντομου συνδέσμου με αριθμούς για τις σελίδες και τις δημοσιεύσεις σας που προσθέτουν αυτή την ετικέτα:

<link rel='shortlink' href='https://dominio.com?p=123' />

Αν χρησιμοποιείτε “ωραίους” σύντομους περσαλινκς, όπως domain.com/%postname% τότε δεν υπάρχει λόγος να το κρατήσετε χωρίς καμία χρήση, περισσότερος περιττός κώδικας για να τον πετάξετε.

Απενεργοποίηση RSS Feed

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

Αφαίρεση συνδέσμων από ροές RSS

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

Απενεργοποιήστε τα autopingbacks

Το pingback είναι ουσιαστικά ένα αυτόματο σχόλιο με έναν σύνδεσμο που δημιουργείται ως ειδοποίηση στο ιστολόγιό σας όταν ένα άλλο ιστολόγιο συνδέεται μαζί σας. Ένα autopingback δημιουργείται όταν παραπέμπετε σε ένα άρθρο στο δικό σας ιστολόγιο.

Σήμερα σχεδόν κανείς δεν τα χρησιμοποιεί και τα εξωτερικά pingbacks που μπορείτε να λάβετε είναι συνήθως spam, σπαταλούν μόνο πόρους και μπορούν ακόμη και να δημιουργήσουν κακόβουλους ή προσωρινούς συνδέσμους και στη συνέχεια να σπάσουν και επομένως να βλάψουν το SEO.
Όπως και τα trackbacks, ανήκουν στο παρελθόν των blogs, όταν η σύνδεση ως φιλοσοφία του blogging ήταν παράδοση ως μέρος της netiquette.

Απενεργοποίηση του REST API

Το WordPress REST API παρέχει σημεία τερματισμού API για τύπους δεδομένων WordPress που επιτρέπουν στους προγραμματιστές να αλληλεπιδρούν με τοποθεσίες εξ αποστάσεως στέλνοντας και λαμβάνοντας αντικείμενα JSON.

Επιτρέπει τη διασταύρωση δεδομένων με άλλους ιστότοπους και με λογισμικό γραμμένο σε PHP ή οποιαδήποτε άλλη γλώσσα.

Υπάρχουν διάφορα πρόσθετα, υπηρεσίες και εφαρμογές που χρησιμοποιούν το REST API, σύμφωνα με το Perfmatters, αυτά είναι μερικά από αυτά:

Yoast SEO και Ryte dashboard widget, Jetpack, ορισμένες φόρμες επικοινωνίας, Wordfence και ορισμένα widgets για το ταμπλό του WooCommerce.
Χρησιμοποιείται επίσης από τον επεξεργαστή μπλοκ Gutenberg για να επικοινωνεί όταν κάνετε αλλαγές σε σελίδες και αναρτήσεις. Αν το απενεργοποιήσετε εντελώς, θα λάβετε ένα σφάλμα “Update failed” (Αποτυχία ενημέρωσης).

Το Perfmatters προσφέρει τρεις επιλογές. Ενεργοποιημένη (προεπιλογή), απενεργοποιημένη για μη διαχειριστές και απενεργοποιημένη κατά την αποσύνδεση.

Αφαίρεση δεσμεύσεων REST API

Από προεπιλογή, ένας σύνδεσμος REST API περιλαμβάνεται στην επικεφαλίδα τύπου:

<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />

Μια επικεφαλίδα αποστέλλεται επίσης σε κάθε αίτηση και μια ετικέτα API προστίθεται στο τελικό σημείο Really Simple Discovery (RSD). Όλος αυτός ο κώδικας μπορεί να απαλειφθεί ενεργοποιώντας την επιλογή για την αφαίρεση των συνδέσμων του.

Απενεργοποίηση των Χαρτών Google

Ακριβώς αυτό, απενεργοποιήστε το Google Maps API.

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

Μόνο για να φορτώσετε έναν χάρτη στο ιστολόγιό σας, μπορούν να γίνουν έως και 20 αιτήσεις HTTP στους Χάρτες Google. Ανάλογα με την ενσωμάτωση μπορείτε να κάνετε λιγότερες ή και περισσότερες αιτήσεις.

Αν δεν τα χρειάζεστε, θα πρέπει να τα απενεργοποιήσετε.

Εξαίρεση της απενεργοποίησης των χαρτών Google Maps με αριθμό ταυτότητας ταχυδρομείου

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

Απενεργοποίηση του μετρητή ισχύος κωδικού πρόσβασης

Αυτό εισήχθη στις τελευταίες εκδόσεις του WordPress και του WooCommerce. Είναι ένας ενσωματωμένος μετρητής ισχύος κωδικών πρόσβασης που αναγκάζει τους χρήστες να χρησιμοποιούν ισχυρούς κωδικούς πρόσβασης και φορτώνει διάφορα αρχεία όπως: /wp-admin/js/password-strength-meter.min.js και /wp-includes/js/zxcvbn.min.js

τοzxcvbn.min.js μπορεί να ζυγίζει περισσότερο από 800 KB

Εάν χρησιμοποιείτε το WooCommerce, το αρχείο βρίσκεται επίσης μερικές φορές σε αυτή τη διαδρομή:

/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.js

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

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

Απενεργοποίηση σχολίων

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

Αυτή είναι η λίστα των ενεργειών που θα προσπαθήσει να εκτελέσει το Perfmatters όταν είναι ενεργοποιημένη η επιλογή Απενεργοποίηση σχολίων:

• Απενεργοποιήστε το ενσωματωμένο widget πρόσφατων σχολίων.
• Αφαιρέστε την επικεφαλίδα X-Pingback.
• Αφαίρεση συνδέσμων τροφοδοσίας σχολίων.
• Απενεργοποιήστε τις αιτήσεις τροφοδοσίας σχολίων.
• Αφαίρεση των συνδέσμων σχολίων από τη γραμμή διαχείρισης.
• Κατάργηση της υποστήριξης σχολίων για όλους τους τύπους δημοσιεύσεων.
• Κλείστε τα φίλτρα σχολίων.
• Αφαίρεση των συνδέσμων σχολίων από το μενού διαχείρισης.
• Απενεργοποιήστε την ενσωματωμένη σελίδα συζήτησης.
• Απόκρυψη σχολίων από τον πίνακα ελέγχου.
• Απόκρυψη της επιλογής ρυθμίσεων σχολίων από τη σελίδα του προφίλ.
• Επιστρέφει ένα κενό πρότυπο σχολίου όταν ζητείται.
• Αφαιρέστε το σενάριο απάντησης σχολίων.

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

Ή από τις Ρυθμίσεις/Σχόλια μπορείτε να τις ορίσετε να κλείνουν μετά από έναν ορισμένο αριθμό ημερών.

Αφαίρεση URL από σχόλια

Από προεπιλογή, τα σχόλια του WordPress περιλαμβάνουν ένα πεδίο ιστότοπου που δημιουργεί έναν σύνδεσμο nofollow (αν και οι spammers δεν έχουν πρόβλημα με αυτό) στο όνομα του συγγραφέα του σχολίου.

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

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

Προσθέστε ένα κενό favicon

Εάν έχετε ήδη ένα favicon στον ιστότοπό σας, θα πρέπει να αφήσετε αυτή την επιλογή απενεργοποιημένη.

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

Αφαίρεση παγκόσμιων στυλ

Ξεκινώντας με το WordPress 5.9, προστέθηκε πρόσθετος inline κώδικας για την ενίσχυση των στυλ duotone (κώδικας CSS και SVG). Οι περισσότεροι χρήστες πιθανότατα δεν θα χρησιμοποιήσουν αυτό το χαρακτηριστικό, και το πρόβλημα είναι ότι προσθέτει 311 γραμμές κώδικα (χωρίς αφαίρεση) σε κάθε σελίδα του ιστότοπού σας, οι οποίες χωρίζονται με αυτόν τον τρόπο:

196 γραμμές CSS πριν από την ετικέτα body και 115 γραμμές κώδικα SVG που προστίθενται επίσης πριν από την ετικέτα /body.

Μεγάλο μέρος του κώδικα χρησιμοποιεί ετικέτες!important;, το οποίο επίσης δεν είναι ιδανικό.
Το Perfmatters πιστεύει ότι αυτό μπορεί να είναι σφάλμα, γι’ αυτό προσθέτει αυτή την επιλογή ως έναν εύκολο τρόπο για να αφαιρέσετε όλο αυτόν τον περιττό κώδικα, ενώ το πρόβλημα επιλύεται.

Hearbeat, κριτικές και αυτόματη αποθήκευση

Το WordPress Heartbeat API χρησιμοποιεί το αρχείο /wp-admin/admin-ajax. php για την εκτέλεση κλήσεων AJAX από το πρόγραμμα περιήγησης ιστού.

Αυτό είναι πολύ καλό, επειδή αποθηκεύει τα προσχέδιά σας και αποτρέπει ένα απροσδόκητο κλείσιμο από το να τα χάσετε, αλλά μπορεί επίσης να προκαλέσει υψηλή χρήση της CPU και τρελές ποσότητες κλήσεων PHP. Για παράδειγμα, αν αφήσετε τον πίνακα ελέγχου ανοιχτό, θα συνεχίσει να στέλνει αιτήσεις POST σε αυτό το αρχείο σε τακτά χρονικά διαστήματα, κάθε 15 δευτερόλεπτα. Μπορείτε να αυξήσετε τη συχνότητα έως και 60 δευτερόλεπτα για να το μετριάσετε αυτό.

Στην πρώτη επιλογή μπορείτε να επιλέξετε πότε και πού θα ενεργοποιηθεί.

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

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

Woocommerce

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

• Απενεργοποιήστε τα σενάρια και τα στυλ του WooCommerce
• Απενεργοποίηση αποσπασμάτων καλαθιού
• Απενεργοποιήστε το πλαίσιο κατάστασης του WooCommerce
• Απενεργοποιήστε τα widgets του WooCommerce

URL σύνδεσης

Ένα άλλο ενδιαφέρον χαρακτηριστικό είναι η δυνατότητα αλλαγής της προεπιλεγμένης διεύθυνσης σύνδεσης στην περιοχή διαχείρισης που ορίζει το WordPress στη διεύθυνση yourdomain/wp-admin. Κάνει ακριβώς το ίδιο με τα pugins όπως WPS Απόκρυψη σύνδεσης.

Θα βρείτε τρία πεδία:

Στο πρώτο μπορείτε να αλλάξετε το url σύνδεσης wp-admin σε ό,τι θέλετε, όπως “yourdomain.com/potato“, αποφεύγοντας έτσι τις επιθέσεις brute force και άλλες, οι οποίες συνήθως στοχεύουν στο προεπιλεγμένο url. Απλά γράψτε το και/ή προσπαθήστε να μην το κάνετε ένα περίεργο url με πολλούς χαρακτήρες για να μην το ξεχάσετε (αν και μπορείτε πάντα να το ανακτήσετε πηγαίνοντας στον πίνακα wp_options / perfmatters_options )

Το δεύτερο πεδίο (Disabled Behavior) ορίζει σε ποιο url θα αποστέλλεται ο επισκέπτης που προσγειώνεται στο yourdomain/wp-admin με τρεις δυνατότητες:

• Μήνυμα (προεπιλογή): Εμφανίζει ένα μήνυμα στον επισκέπτη. Μπορείτε να προσαρμόσετε το μήνυμα με το κείμενο που θέλετε, προσθέτοντάς το στο πεδίο Μήνυμα.
• Πρότυπο 404: Ο χρήστης θα αποστέλλεται σε μια σελίδα 404.
• Αρχική διεύθυνση URL: Ο χρήστης ανακατευθύνεται στην αρχική σελίδα.

Περιουσιακά στοιχεία

Εδώ είναι που γίνεται πραγματικά ενδιαφέρον.

Script Manager, το κερασάκι στην τούρτα

Το Perfmatters Script Manager είναι χωρίς αμφιβολία το πιο ισχυρό και χρήσιμο εργαλείο τους. Αυτό και μόνο αξίζει κάθε δεκάρα από τα λίγα που πληρώνετε για το πρόσθετο και την υποστήριξή του.

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

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

Η υποχρεωτική λειτουργία χρήσης (MU) πηγαίνει τη Διαχείριση σεναρίων πολύ παραπέρα. Δίνει πολύ περισσότερο έλεγχο και παρέχει τη δυνατότητα απενεργοποίησης των ερωτημάτων και των αγκίστρων του WordPress plugin, καθώς και των inline CSS και JS. Τώρα μπορείτε να ελέγχετε όλες τις πτυχές ενός plugin, από τα σενάρια front-end, τον inline κώδικα και τα ερωτήματα MySQL όπου θέλετε.

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

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

JavaScript

Αναβολή και καθυστέρηση JavaScript.

Και τα δύο αυτά μπορούν να βοηθήσουν στη βελτίωση των FCP και LCP

Η προσθήκη του χαρακτηριστικού defer σε κάθε μη κρίσιμο αρχείο JavaScript επιταχύνει την πρώτη ζωγραφική περιεχομένου (FCP) της σελίδας. Αυτό σημαίνει ότι η JavaScript μεταφορτώνεται κατά τη διάρκεια της ανάλυσης της HTML και εκτελείται μετά την ολοκλήρωση της φόρτωσης της σελίδας (όταν ολοκληρωθεί η ανάλυση). Με άλλα λόγια, η λήψη javascript μεταφέρεται στο κάτω μέρος της σελίδας, ώστε να γίνεται στο τέλος της διαδικασίας.

Με την καθυστέρηση , τα αποτελέσματα LCP και TBT βελτιώνονται. Η JavaScript καθυστερεί ανάλογα με την αλληλεπίδραση του χρήστη, επιταχύνοντας την πρώτη ζωγραφική της σελίδας, όταν δεν χρειάζεται κάτι άμεσα, όπως βαριά σενάρια από τρίτους, όπως το Google Adsense, το Google Analytics, τα pixel μετατροπής του Facebook ή οι διαφημίσεις Google και άλλα παρόμοια.

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

Χρονικό όριο καθυστέρησης

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

Αυτή στο παράδειγμα έχει ρυθμιστεί στα 7 δευτερόλεπτα.

add_filter('perfmatters_delay_js_timeout', function($timeout) {
    return '7';
});

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

CSS

Το Perfmatters λέει ότι ο ευκολότερος τρόπος για να επιλύσετε την προειδοποίηση “Μείωση των αχρησιμοποίητων CSS” είναι να ενεργοποιήσετε αυτή τη λειτουργία, την οποία εξέτασα όταν ήταν ακόμα σε beta, η οποία τα κάνει όλα αυτόματα. Οι προγραμματιστές ισχυρίζονται ότι το έχουν δοκιμάσει σε εκατοντάδες διευθύνσεις URL (χρησιμοποιώντας διαφορετικά πρότυπα και ρυθμίσεις) και αυτά είναι μερικά από τα αποτελέσματα που ισχυρίζονται ότι έλαβαν:

• Μέση μείωση του FCP κατά 15,20%.
• Μέση μείωση του LCP κατά 19,66%.
• Μέση μείωση του TTI κατά 14,95%.

Πριν από την ενεργοποίηση της λειτουργίας “Remove unused CSS” στο Perfmatters συνιστούν την αφαίρεση όλων των υφιστάμενων προφορτώσεων CSS που έχουν ρυθμιστεί στο Perfmatters (εκτός από τα τοπικά φύλλα στυλ των γραμματοσειρών Google Fonts).
Μην συγχωνεύετε CSS (πράγματα που γίνονται συχνά με το WP Rocket, το Litespeed, το Autoptimize και άλλα). Η συγχώνευση CSS είναι μια παρωχημένη τεχνική βελτιστοποίησης από το HTTP/2. Σε ορισμένες περιπτώσεις, ο συνδυασμός CSS μπορεί να βλάψει την απόδοση(στην περίπτωσή μου δεν έχει βλάψει) και, τέλος, βεβαιωθείτε ότι δεν προσπαθείτε να αφαιρέσετε αχρησιμοποίητα CSS με κάποιο άλλο πρόσθετο.

Υπάρχουν τρεις μέθοδοι αφαίρεσης:

• Καθυστέρηση (προεπιλογή): Όλα τα αρχικά φύλλα στυλ CSS (αχρησιμοποίητα CSS) καθυστερούν και φορτώνονται κατά την αλληλεπίδραση του χρήστη. Αυτή είναι η συνιστώμενη επιλογή.
• Ασύγχρονη: Όλα τα αρχικά φύλλα στυλ CSS (αχρησιμοποίητα CSS) φορτώνονται μέσω ασύγχρονης λειτουργίας. Αυτή η μέθοδος μπορεί να βοηθήσει στην αποφυγή pop-in, καθώς τα φύλλα στυλ εκτελούνται ασύγχρονα κατά τη φόρτωση της σελίδας. Αυτή η μέθοδος θα οδηγήσει σε ελαφρώς υψηλότερη LCP/FCP από τη συμπεριφορά καθυστέρησης.
• Αφαίρεση: Όλα τα αρχικά φύλλα στυλ CSS (αχρησιμοποίητα CSS) αφαιρούνται. Αυτή είναι η πιο επιθετική μέθοδος, αλλά πιθανότατα θα χρειαστεί να προστεθούν και εξαιρέσεις. Συνιστάται μόνο για προχωρημένους χρήστες.

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

Ορισμένες από αυτές τις λειτουργίες μπορούν να απενεργοποιηθούν σε οποιαδήποτε δημοσίευση ή σελίδα στην επεξεργασία WP.

Κωδικός

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

Τα παρακάτω πεδία εκτυπώνουν κώδικα απευθείας στο front-end, οπότε πρέπει να είναι έγκυρη HTML. Αυτό περιλαμβάνει inline CSS μέσα σε ετικέτες <style> ή inline JS μέσα σε ετικέτες <script>. Μπορείτε επίσης να ανεβάσετε ένα αρχείο JS ή CSS.

Δεν υποστηρίζει γλώσσες από την πλευρά του διακομιστή, όπως η PHP. Για να προσθέσετε προσαρμοσμένο κώδικα PHP συνιστάται η χρήση του πρόσθετου Code Snippets.

Προφόρτωση

Στην προφόρτωση, η πρώτη επιλογή που ονομάζεται“Άμεση σελίδα” χρησιμοποιεί τη βιβλιοθήκη instant.page και φορτώνει ένα μικρό αρχείο JS μικρότερο από 2 KB(instantpage.js) τοπικά στον ιστότοπό σας και χρησιμοποιείται για την προφόρτωση διευθύνσεων URL όταν ο χρήστης περνάει το ποντίκι πάνω από έναν σύνδεσμο ή μια εικόνα στην έκδοση για υπολογιστές. Στα κινητά, μια διεύθυνση URL φορτώνεται εκ των προτέρων αφού ο χρήστης αρχίσει να πατάει τον σύνδεσμο στην οθόνη του και πριν τον αφήσει.

Μετά από 65 χιλιοστά του δευτερολέπτου, η προφόρτωση της διεύθυνσης URL ξεκινά αυτόματα στο παρασκήνιο.

Αυτό το εργαλείο είναι το ισοδύναμο του“Instant Click” της Litespeed και του“Preload Links” της WP Rocket, οπότε αν χρησιμοποιείτε αυτή την επιλογή σε κάποιο από αυτά τα δύο plugins θα πρέπει να την απενεργοποιήσετε για να δοκιμάσετε το Perfmatters.

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

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

Η προφόρτωση κρίσιμων εικόνων (αυτών που βρίσκονται πάνω από την πτυσσόμενη σελίδα) είναι μια επιλογή που βρίσκεται ακόμα σε στάδιο Beta και μπορεί να βοηθήσει στη μείωση του χρόνου που απαιτείται για τη ζωγραφική μεγαλύτερου περιεχομένου (LCP) στο Core Web Vitals.

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

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

Τεμπέλικη φόρτωση

Ένα άλλο κλασικό στοιχείο που σχετίζεται με τις επιδόσεις και το οποίο το WordPress έχει συμπεριλάβει εγγενώς από την έκδοση 5.4 το 2020.

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

Γραμματοσειρές

Ένα άλλο καλό πράγμα. Αυτή η επιλογή, που προστέθηκε στην έκδοση 1.7.4 του Perfmatters 1.7.4κυκλοφόρησε στις 7 Ιουνίου 2022. Σας επιτρέπει να φιλοξενείτε και να μεταφορτώνετε γραμματοσειρές Google τοπικά με μερικά κλικ.

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

Η λειτουργία εντοπίζει αυτόματα κάθε αναφορά Google Fonts που υπάρχει στο ιστολόγιό σας, κατεβάζει τις αντίστοιχες γραμματοσειρές από το fonts.google. com και τις φιλοξενεί τοπικά στον διακομιστή σας στον κατάλογο: /wp-content/cache/perfmatters/your-domain.com/fonts/

Αυτή η άλλη ανάρτηση εξηγεί τη χρήση του με περισσότερες λεπτομέρειες.

CDN

Δεν υπάρχει τίποτα το ιδιαίτερο εδώ και δεν υπάρχουν πολλά να σχολιάσουμε. Ένα εργαλείο, πάντα χρήσιμο για να προσθέσετε το CDN που χρησιμοποιείτε. Καθώς χρησιμοποιώ το QUIC.CLOUD, δεν το έχω χρειαστεί ακόμη.

Analytics

Παρόλο που δεν το χρησιμοποιώ τώρα, καθώς άρχισα τη μετάβαση στο Matomo και παρέπεμψα τη διαχείριση του σεναρίου Analytics στο πρόσθετο RGPD/CCPA για τη διαχείριση της συγκατάθεσης cookie, το οποίο επίσης το διαχειρίζεται σωστά, αλλά ξέρω ότι λειτουργεί πολύ καλά με το Perfmatters, επειδή το χρησιμοποίησα τότε.

Από εδώ μπορείτε να φιλοξενήσετε τοπικά το σενάριο του Google Analytics. Αυτό συμβάλλει στην επιτάχυνση του ιστότοπού σας μειώνοντας τις πρόσθετες αναζητήσεις DNS και επιλύοντας το πρόβλημα της “εκμετάλλευσης της προσωρινής μνήμης του προγράμματος περιήγησης” του σεναρίου τους.

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

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

Η τοπική φιλοξενία του Google Analytics και η εκτέλεση της δέσμης ενεργειών από το δικό σας CDN ή διακομιστή σάς επιτρέπει επίσης να επωφεληθείτε από μια ενιαία σύνδεση HTTP/2.