Πώς να διατηρήσετε ένα ιστορικό αρχείο αναφορών φάρων

Το Lighthouse είναι ένα έργο ανοιχτού κώδικα από την ομάδα του Google Chrome. Χρησιμοποιείται για την ανάλυση της ποιότητας της ιστοσελίδας με βάση ένα σύνολο σύγχρονων μετρήσεων "με γνώμονα τον χρήστη".

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

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

Υπάρχουν πολλοί τρόποι λειτουργίας του Lighthouse, αλλά στον πραγματικό κόσμο ίσως θελήσετε να συγκρίνετε τις αναφορές τακτικά, ειδικά σε ροές εργασίας συνεχούς αλλαγής. Με αυτά τα λόγια, ίσως αναρωτιέστε - πώς μπορώ να παρακολουθώ τις αλλαγές SEO, την απόδοση και την προσβασιμότητα με την πάροδο του χρόνου ;

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

Αποθήκευση αναφορών και προβολή αποτελεσμάτων σε ένα χρονοδιάγραμμα

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

Η κατηγορία απόδοσης ειδικότερα είναι αρκετά περίπλοκη στον υπολογισμό της βαθμολογίας της και μπορείτε να βρείτε πολύ καλή ανάγνωση για το θέμα μεταξύ άλλων στο web.dev.

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

Για έναν οδηγό για να ξεκινήσετε με το Automated Lighthouse Check, ανατρέξτε στην τεκμηρίωση.

Αυτοματοποίηση φάρων σε DevOps

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

Ακολουθούν μερικά παραδείγματα στα οποία έχω συνεισφέρει.

  • Αυτή η ανάρτηση καλύπτει τον τρόπο χρήσης του Lighthouse στο CircleCI. Μπορείτε να αποθηκεύσετε αναφορές ως "αντικείμενα" στο CircleCI ή να ανεβάσετε αυτόματα στο AWS S3.
  • Αυτή η ανάρτηση καλύπτει τον τρόπο χρήσης του Lighthouse στο GitHub Actions. Αυτή η λύση παρέχει επίσης έναν τρόπο αποθήκευσης αναφορών ως "αντικείμενα" (στο GitHub) ή αυτόματη μεταφόρτωση στο AWS S3.
  • Το Lighthouse Persist είναι ένα πακέτο NPM που εκθέτει το εγγενές API Lighthouse με πρόσθετες επιλογές για τον ορισμό διαπιστευτηρίων AWS S3, ώστε να μπορεί να χρησιμοποιηθεί για αυτόματη μεταφόρτωση αναφορών.

συμπέρασμα

Ελπίζω ότι αυτή η ανάρτηση ήταν χρήσιμη στην παροχή λύσεων για την ιστορική ανάλυση της ποιότητας του ιστότοπου. Βοηθήστε να υποστηρίξετε τους τοπικούς προγραμματιστές αγοράζοντας το λογισμικό τους;

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

Το αυτοματοποιημένο Lighthouse Check παρέχει δωρεάν και premium πακέτα.