Ελαχιστοποιήστε το CSS και το JavaScript και εφαρμόστε καθυστερημένη φόρτωση εικόνων

1. Δοκιμάστε μία αλλαγή τη φορά

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

2. Ανοίξτε την καρτέλα CSS και JavaScript

   Στο WordPress ανοίξτε το Zinn Digital®, το Cache Pro, και στη συνέχεια το CSS και JavaScript. Οι εικόνες βρίσκονται στη δική τους καρτέλα.

3. Ξεκινήστε με τις ασφαλείς προεπιλογές

   Διατηρήστε ενεργοποιημένη την επιλογή «Χρήση των ασφαλών προεπιλογών». Δεν καθυστερεί ποτέ το jQuery ή τα banner συναίνεσης για cookie και δεν επηρεάζει τις σελίδες ολοκλήρωσης αγοράς.

4. Καθυστερήστε την JavaScript και, στη συνέχεια, καταργήστε το μη χρησιμοποιούμενο CSS

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

5. Προβολή εικόνων WebP και AVIF

   Στην καρτέλα Εικόνες, ενεργοποιήστε το WebP ή το AVIF και, στη συνέχεια, μετατρέψτε τις υπάρχουσες εικόνες σας. Τα πρωτότυπα παραμένουν στη θέση τους και με ένα κλικ καταργείται κάθε αντίγραφο που έχει μετατραπεί.

Επόμενος οδηγός: Εκκαθάριση της βάσης δεδομένων του WordPress