Ελέγξτε την απόδοση και την ποιότητα οποιουδήποτε ιστότοπου με φάρο

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

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

Η επέκταση του Φάρου ήταν δημιουργήθηκε κυρίως για προοδευτικές εφαρμογές ιστού. Αυτά είναι γενικά webapps που εκτελούνται στο πρόγραμμα περιήγησης και συμπεριφέρονται σαν εγγενείς εφαρμογές, αλλά λειτουργούν σαν τυπικοί ιστότοποι.

Τα PWA αποτελούν ένα τεράστιο μέρος του έργου του Φάρου. Αλλά ο στόχος του Φάρου είναι να βοηθήσει όλους τους προγραμματιστές ιστού ελέγξτε την ποιότητα των σελίδων τους.

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

Εμφανίζονται όλα τα κύρια αποτελέσματα ελέγχου δεξιά στο DevTools του Chrome έτσι δεν χρειάζεται καν να ανοίξετε ένα νέο παράθυρο για να ελέγξετε τα στατιστικά στοιχεία. Το μόνο που χρειάζεστε είναι μια τρέχουσα έκδοση του Chrome και κάποια στιγμή για να κοσκινίσετε τα αποτελέσματα του ελέγχου του Φάρου.

Γενικά, αυτό χωρίζεται σε τέσσερις κατηγορίες:

• Εκτέλεση.
• Προσιτότητα.
• Βέλτιστες πρακτικές.
• Προοδευτικές ιδιότητες Webapp.

Κάθε κατηγορία χωρίζει περαιτέρω σε μικρότερες ιδιότητες με προτάσεις για βελτιώσεις UX.

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

Εάν θέλετε να μάθετε περισσότερα αποτυπώματα μέσω της κύριας σελίδας και να διαβάσετε πολλά χαρακτηριστικά του Φάρου.

Μπορείτε επίσης να παρακολουθήσετε αυτήν την παρουσίαση από το Google I / O 2017 που εισήγαγε για πρώτη φορά το Lighthouse στην κοινότητα dev.