Μαθήματα • Ανάπτυξη
Ρύθμιση της μονάδας Google PageSpeed
Σε αυτό το άρθρο, η μέθοδος για την επιλεκτική ενεργοποίηση ή απενεργοποίηση των φίλτρων PageSpeed που σχετίζονται με την επιπλέον επιλογή SEO θα παρουσιαστεί.
10
Απόψεις 2327Ενημερώθηκε 3 aniΠροβλήθηκε στις 04/06/2020από Alexandru Jurca
Εισαγωγή
- Σε περίπτωση που η ενεργοποίηση της επιπρόσθετης επιλογής SEO και κατ' επέκταση του module Google PageSpeed δημιουργεί ανεπιθύμητες διαφοροποιήσεις εντός του ιστότοπου, είτε οπτικά είτε λειτουργικά, διάφορα στοιχεία του module μπορούν να απενεργοποιηθούν επιλεκτικά επεξεργαζόμενοι το αρχείο .htaccess.
Απαιτήσεις
- Τα στοιχεία πρόσβασης για τον πίνακα ελέγχου (Plesk ή cPanel, ανάλογα με την περίπτωση), για την επεξεργασία του αρχείου .htaccess μέσω του Διαχειριστή Αρχείων.
Βήματα
- Για να ελέγξετε εάν το μοντέλο PageSpeed είναι υπεύθυνο για το πρόβλημα που αντιμετωπίζεται, μπορείτε να απενεργοποιήσετε το συνολικό μοντέλο, προσθέτοντας στο αρχείο .htaccess, από τον ριζικό φάκελο της ιστοσελίδας, την εξής γραμμή:
ModPagespeed off
- Μετά από αυτό το βήμα, αν η ιστοσελίδα φορτώσει σωστά, οι γραμμές που προστέθηκαν παραπάνω θα διαγραφούν και η διαδικασία θα συνεχίσει για να προσδιορίσει το συγκεκριμένο στοιχείο που είναι υπεύθυνο για την εσφαλμένη εμφάνιση.
- Ένα πρώτο βήμα θα ήταν να ελέγξετε τα σφάλματα που λαμβάνονται κατά τη φόρτωση της σελίδας, προσπελάζοντάς την με τη Λειτουργία Ανάπτυξης από το πρόγραμμα περιήγησης, η γενική συντόμευση για ενεργοποίηση είναι το F12 για τα συνηθισμένα προγράμματα περιήγησης. Για παράδειγμα, ένα σφάλμα φόρτωσης για JS ή CSS θα υποδείκνει μια πιθανή σύγκρουση με τα φίλτρα PageSpeed, τα οποία αλληλεπιδρούν με αυτά τα στοιχεία.
Για να απενεργοποιήσετε ένα συγκεκριμένο φίλτρο, θα πρέπει να προστεθεί ο ακόλουθος κανόνας στο αρχείο .htaccess:
ModPagespeedDisableFilters όνομα_φίλτρου
Οπου το name_filter θα αντικατασταθεί με τον επιθυμητό αναγνωριστικό.
- Εναλλακτικά, η λειτουργία του PageSpeed μπορεί να αλλάξει, ώστε να μπορείτε να ενεργοποιήσετε επιλεκτικά κάθε επιθυμητό στοιχείο ρυθμίζοντας:
ModPagespeedRewriteLevel PassThrough
Στη συνέχεια, τα επιθυμητά στοιχεία για ενεργοποίηση θα καθοριστούν ως εξής:
ModPagespeedEnableFilters filter_name
Επίσης, το όνομα_φίλτρου θα αντικατασταθεί με τον επιθυμητό αναγνωριστικό.
- Ένα αρχείο .htaccess μπορεί επίσης να δημιουργηθεί με αυτούς τους κανόνες σε μια υποκαταχώρηση που περιέχει στυλ (CSS, Javascript, HTML). Με αυτόν τον τρόπο, οι προτιμησιακοί κανόνες θα ισχύουν αυστηρά για αυτήν την υποκαταχώρηση.
- Τα στοιχεία που ενεργοποιούνται από προεπιλογή όταν ενεργοποιείτε την επιπλέον επιλογή SEO είναι:
*Αυτά είναι επίσης οι αναγνωριστές που μπορείτε να χρησιμοποιήσετε στους κανόνες .htaccess.
-
- add_head
Προσθέτει ένα στοιχείο τύπου <head> στο έγγραφο αν δεν υπάρχει ήδη. - combine_css
Συνδυάζει πολλά στοιχεία CSS σε ένα. - combine_javascript
Συνδυάζει πολλαπλά στοιχεία JavaScript σε ένα μόνο. - remove_comments
Αφαιρεί τα σχόλια από τα επεξεργασμένα αρχεία HTML. Ωστόσο, δεν αφαιρεί τα σχόλια CSS ή JavaScript εντός γραμμής. - sprite_images
Συνδυάστε τις εικόνες φόντου από το CSS σε μία ενιαία Sprite. - collapse_whitespace
Αφαιρεί κενά διαστήματα από τα αρχεία HTML, εξαιρώντας τις ετικέτες: "pre, script, style, textarea" - lazyload_images
Φορτώνει εικόνες μόνο όταν γίνονται ορατές στην σελίδα. - convert_meta_tags
Προσθέτει μια "κεφαλίδα απάντησης" για κάθε "meta" ετικέτα με ένα "http-equiv" χαρακτηριστικό. - extend_cache
Επεκτείνει τον χρόνο διατήρησης της μνήμης cache που σχετίζεται με εικόνες, στοιχεία CSS και σενάρια που δεν έχουν βελτιστοποιηθεί, υπογράφοντας τα URLs με ένα hash περιεχομένου.
Οι ακόλουθοι φίλτροι είναι ενεργοί αν η λειτουργία extend_cache είναι ενεργοποιημένη:
extend_cache_css
extend_cache_images
extend_cache_scripts
Για υψηλότερο επίπεδο ελέγχου, οι παραπάνω φίλτροι μπορούν να ενεργοποιηθούν μεμονωμένα - fallback_rewrite_css_urls
Επαναγράψτε τα URLs για πόρους που δεν μπόρεσαν να ελαχιστοποιηθούν ή να επεξεργαστούν από τα αρχεία CSS. - flatten_css_imports
Αναδρομικά αντικαθιστά κάθε @import κανόνα με το περιεχόμενο του εισαγόμενου αρχείου CSS για να μειώσει τον αριθμό των εξωτερικών αιτημάτων. - inline_css
Προσθέτει μικρούς εξωτερικούς πόρους CSS στο HTML έγγραφο σε μορφή inline. - inline_import_to_link
Μετατρέπει "style" tags που περιέχουν μόνο CSS @import σε ισοδύναμα "link" tags - inline_javascript
Rewriter πόρους JS μικρού μεγέθους ως σε απευθείας σύνδεση εντός του εγγράφου HTML. - rewrite_css
Επαναγράφει τα αρχεία CSS για να αφαιρέσει σχόλια και υπερβολικά κενά. - rewrite_images
Βελτιστοποιεί τις εικόνες τροποποιώντας τες και αφαιρώντας περιττούς πίξελ.
Επιπλέον, προσθέτει μικρές εικόνες ως inline στο έγγραφο. - rewrite_javascript
Επαναγράφει τα αρχεία JavaScript, αφαιρεί περιττό κενό χώρο και σχόλια. - rewrite_style_attributes_with_url
Αναδιατυπώνει το CSS από τις ιδιότητες Stil αν περιέχει το κείμενο "url(" χρησιμοποιώντας την αναδιατύπωση filturl rewrite_css που έχει διαμορφωθεί.
- add_head