Zinn® Cache: Καταργήστε το μη χρησιμοποιούμενο CSS, καθυστερήστε την JavaScript και προβάλετε WebP και AVIF

Κατάργηση μη χρησιμοποιούμενης CSS, καθυστέρηση JavaScript και απόδοση WebP και AVIF

Χρησιμοποιήστε την καρτέλα CSS και JavaScript του Zinn® Cache Pro για να αφαιρέσετε μη χρησιμοποιούμενη CSS και να καθυστερήσετε σενάρια, και την καρτέλα Εικόνες για WebP, AVIF και μεγέθη εικόνων που λείπουν — γιατί δεν υπάρχει επιλογή ελαχιστοποίησης ή συνδυασμού και πώς να αναιρέσετε μια αλλαγή που καταστρέφει μια σελίδα.

1. Δοκιμάστε μία αλλαγή τη φορά — Η βελτιστοποίηση πόρων αλλάζει τον τρόπο με τον οποίο το πρόγραμμα περιήγησης λαμβάνει τα αρχεία του θέματός σας. Αλλάξτε μία ρύθμιση, ελέγξτε τον ιστότοπο και, στη συνέχεια, προχωρήστε, ώστε οποιοδήποτε πρόβλημα να έχει προφανή αιτία.
2. Ανοίξτε την καρτέλα CSS και JavaScript — Στο WordPress ανοίξτε το Zinn Digital®, το Cache Pro και έπειτα το CSS και JavaScript. Οι εικόνες βρίσκονται στη δική τους καρτέλα.
3. Ξεκινήστε με τις ασφαλείς προεπιλογές — Διατηρήστε ενεργοποιημένη τη ρύθμιση Χρήση ασφαλών προεπιλογών. Δεν καθυστερεί ποτέ το jQuery ή τα banner συναίνεσης για cookies και αφήνει ανέπαφες τις σελίδες ταμείου.
4. Καθυστερήστε τη JavaScript και, στη συνέχεια, αφαιρέστε τη μη χρησιμοποιούμενη CSS — Ενεργοποιήστε την επιλογή Καθυστέρηση JavaScript μέχρι να αλληλεπιδράσει ο επισκέπτης, αποθηκεύστε και ελέγξτε τις βασικές σελίδες σας έχοντας αποσυνδεθεί. Στη συνέχεια, ενεργοποιήστε την επιλογή Κατάργηση μη χρησιμοποιούμενης CSS. Εάν κάτι σταματήσει να λειτουργεί, προσθέστε το σενάριό του ή το φύλλο στυλ στη λίστα αρχείων που πρέπει να μείνουν ανέπαφα.
5. Απόδοση εικόνων WebP και AVIF — Στην καρτέλα Εικόνες ενεργοποιήστε το WebP ή το AVIF και, στη συνέχεια, μετατρέψτε τις υπάρχουσες εικόνες σας. Τα πρωτότυπα παραμένουν στη θέση τους και με ένα κλικ καταργείται κάθε μετατραπέν αντίγραφο.
6. Γιατί δεν υπάρχει επιλογή ελαχιστοποίησης ή συνδυασμού — Ο συνδυασμός αρχείων βοηθούσε στο HTTP/1.1, αλλά επιβραδύνει τις σελίδες στο HTTP/2 και στο HTTP/3, και η ελαχιστοποίηση εξοικονομεί μόνο ένα μικρό ποσοστό αφού τα αρχεία συμπιεστούν, ενώ αποτελεί την πιο κοινή αιτία για μια σπασμένη διάταξη. Η κατάργηση της μη χρησιμοποιούμενης CSS και η καθυστέρηση της JavaScript είναι εκεί όπου βρίσκεται το πραγματικό όφελος.

Με στιγμιότυπα οθόνης: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress