Πώς να διορθώσετε το Efficiently encode images στο PageSpeed Insights

Το Efficiently encode images είναι έλεγχος συμπίεσης, όχι διάταξης. Το PageSpeed Insights κοιτάζει κάθε JPEG, PNG και WebP στη σελίδα και εκτιμά πόσα kilobyte θα μπορούσατε να κόψετε επανκωδικοποιώντας με παρόμοια ορατή ποιότητα. Δεν λέει ότι η φωτογραφία έχει λάθος format και δεν λέει ότι τα pixel είναι πολύ μεγάλα - αυτοί είναι διαφορετικοί έλεγχοι (Serve images in next-gen formats και Properly size images).

Η αναφορά ονομάζει τα αρχεία. Εσείς πρέπει ακόμα να πάρετε εκείνα τα πρωτότυπα από τον ιστότοπο ή το CMS, να τα επανκωδικοποιήσετε και να βάλετε πίσω τα μικρότερα αντίγραφα. Το EditItAll δεν σαρώνει το URL σας και δεν μιλάει με το PageSpeed Insights. Κάνει μόνο την επανκωδικοποίηση, στο πρόγραμμα περιήγησής σας.

Ανοίξτε τον συμπιεστή JPEG (ή το αντίστοιχο εργαλείο PNG / WebP αν αυτό έδειξε η αναφορά) και αφήστε μέσα τα βαριά πρωτότυπα:

• Αφήστε την ποιότητα κοντά στο 80 για φωτογραφίες. Συνήθως δεν διακρίνεται στην οθόνη και είναι το ίδιο εύρος που προτείνει ο οδηγός ποιότητας JPEG.
• Αν μια φωτογραφία έχει χιλιάδες pixel πλάτος αλλά εμφανίζεται σε κλάσμα αυτού, ορίστε μέγιστη διάσταση 1920 ή 1280 - αυτές είναι οι πραγματικές επιλογές στον συμπιεστή. Τα υπερμεγέθη pixel είναι το άλλο μισό του βάρους σελίδας· δείτε συμπίεση JPEG για τον ιστό.
• Διαβάστε το μέγεθος in → out στη λίστα αποτελεσμάτων. Ακόμα μεγάλο; Ρίξτε την ποιότητα περίπου δέκα μονάδες και τρέξτε ξανά. Δεν υπάρχει πλαίσιο «συμπίεση σε N KB» - το μέγεθος είναι έξοδος.

Εξαγάγετε, κατεβάστε, αντικαταστήστε τα αρχεία στον διακομιστή ή στο CMS, μετά τρέξτε ξανά το PageSpeed Insights. Όλα έμειναν στη συσκευή σας· μπορείτε να μείνετε εκτός σύνδεσης αφού φορτώσει η σελίδα. Το EXIF αφαιρείται στην εξαγωγή.

Αν η εξοικονόμηση φαίνεται μικρή μετά από επανκωδικοποίηση JPEG, το PageSpeed Insights μπορεί να ζητά και σύγχρονο format. Τα WebP και AVIF συνήθως νικούν το JPEG στην ίδια ορατή ποιότητα. Μετατρέψτε ένα αντίγραφο με JPG σε WebP ή τον συμπιεστή WebP και συγκρίνετε τα αναγραφόμενα μεγέθη. Κρατήστε εφεδρικό JPEG αν εξυπηρετείτε ακόμα παλαιότερα προγράμματα περιήγησης.

Οι φωτογραφίες PNG σχεδόν ποτέ δεν ανήκουν σε ιστοσελίδα. Μετατρέψτε τις σε JPG ή WebP· η χωρίς απώλειες επανασυμπίεση PNG δεν μικραίνει πολύ μια φωτογραφία. Η συστάδα συμπίεση εικόνων καλύπτει βαθύτερα την επιλογή format.

Η επανκωδικοποίηση δεν θα κάνει ένα hero 4000 pixel να χωρέσει σε υποδοχή 800 pixel - αυτό είναι το Properly size images και χρειάζεται μικρότερο μέγεθος pixel. Δεν θα κάνει lazy-load τις εικόνες κάτω από την πτυχή και δεν θα γράψει srcset για εσάς. Το EditItAll επίσης δεν πιάνει αυτόματα στόχο kilobyte ούτε αφαιρεί τεχνουργήματα JPEG που είναι ήδη στο αρχείο. Συμπιέστε μία φορά από το πρωτότυπο, μετά σταματήστε.