Το πρόγραμμα περιήγησης Google Chrome αποκτά HUD που προσφέρει μετρήσεις απόδοσης σε πραγματικό χρόνο ιστοσελίδας

Τεχνολογία / Το πρόγραμμα περιήγησης Google Chrome αποκτά HUD που προσφέρει μετρήσεις απόδοσης σε πραγματικό χρόνο ιστοσελίδας 2 λεπτά ανάγνωση Ειδοποιήσεις για Canary Chrome

Google Chrome



Η Google προσφέρει ένα ενημερωτικό Heads-Up Display (HUD) για το Πρόγραμμα περιήγησης Chrome . Η επικάλυψη προσφέρει βασικές μετρήσεις απόδοσης ιστοσελίδων σε πραγματικό χρόνο. Αυτό θα επιτρέψει στους χρήστες να κατανοήσουν πόσο αντίκτυπο έχουν οι ιστοσελίδες στην απόδοση του προγράμματος περιήγησης και της συσκευής.

Η νέα επικάλυψη απόδοσης σε πραγματικό χρόνο ιστοσελίδας, επί του παρόντος ως πειραματικό χαρακτηριστικό, επεκτείνει ουσιαστικά το Core Web Vital πλατφόρμα που ξεκίνησε η Google νωρίτερα αυτό το έτος.



Το Google Core Web Vital λαμβάνει μια επικάλυψη απόδοσης οπτικής και σε πραγματικό χρόνο ιστοσελίδας:

Το Google Core Web Vital μετρά την απόδοση μιας ιστοσελίδας και τις μετρήσεις εμπειρίας χρήστη που απαιτούνται για να προσφέρουν μια καλή εμπειρία χρήστη κατά την περιήγηση σε έναν ιστότοπο. Τα σημερινά σημεία περιλαμβάνουν το Largest Contentful Paint (LCP), το First Input Delay (FID) και το αθροιστικό Layout Shift (CLS).



  • Μεγαλύτερο περιεχόμενο με περιεχόμενο (LCP) μετράει όταν το μεγαλύτερο στοιχείο στην οθόνη με δυνατότητα προβολής του προγράμματος περιήγησης γίνεται ορατό. Για να παρέχετε μια καλή εμπειρία χρήστη, το LCP θα πρέπει να εμφανίζεται εντός 2,5 δευτερόλεπτα του όταν ξεκινά η φόρτωση της σελίδας.
  • Καθυστέρηση πρώτης εισαγωγής (FID) μετρά το χρόνο από τον οποίο ένας χρήστης αλληλεπιδρά για πρώτη φορά με μια σελίδα έως το πότε το πρόγραμμα περιήγησης μπορεί να ανταποκριθεί σε αυτήν την αλληλεπίδραση. Για να παρέχουν μια καλή εμπειρία χρήστη, οι σελίδες πρέπει να έχουν FID μικρότερο από 100 χιλιοστά του δευτερολέπτου .
  • Αθροιστική μετατόπιση διάταξης (CLS) μετρά πόσο μετατοπίζεται το ορατό περιεχόμενο στη θύρα προβολής καθώς και την απόσταση που μετατοπίζονται αυτά τα στοιχεία. Συνήθεις λόγοι για το CLS είναι όταν προβάλλονται διαφημίσεις που μειώνουν το ορατό περιεχόμενο. Για να παρέχουν μια καλή εμπειρία χρήστη, οι σελίδες πρέπει να διατηρούν CLS μικρότερο από 0.1.

Παρεμπιπτόντως, η Google θα αρχίσει να λαμβάνει υπόψη τις μετρήσεις του Core Web Vital εντός αλγορίθμων κατάταξης για ιστότοπους που αναζητούνται και επισκέπτονται μέσω της μηχανής αναζήτησης Google. Με άλλα λόγια, οι ιστότοποι θα πρέπει να βελτιώσουν τις μετρήσεις LCP, FID και CLS, προκειμένου να παραμείνουν σχετικοί στα αποτελέσματα της Αναζήτησης Google.



Οι μετρήσεις του Google Core Web Vital ως ενσωματωμένη δυνατότητα προβολής στο πρόγραμμα περιήγησης ιστού Chrome:

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

[Credit Credit: BleepingComputer]

Το νέο HUD θα βρίσκεται στην επάνω δεξιά πλευρά μιας ιστοσελίδας. Θα εμφανίσει μετρήσεις απόδοσης για το Largest Contentful Paint (LCP), First Input Delay (FID) και Cumulative Layout Shift (CLS). Το HUD θα περιλαμβάνει επίσης μέση πτώση πλαισίου (ADF).



Το ADF είναι ένα μέτρηση ομαλότητας που μετρά την απόδοση GPU και την απόδοση μιας ιστοσελίδας. Όσο χαμηλότερο είναι το ADF, τόσο πιο ομαλή θα είναι η σελίδα, ενώ τα υψηλότερα πτώση των πλαισίων θα προκαλέσουν «jank» ή τραύλισμα και αταξία κατά τη χρήση της ιστοσελίδας.

Πώς να ενεργοποιήσετε το Google Core Web Vital HUD στο πρόγραμμα περιήγησης Chrome:

Για να δοκιμάσετε τις νέες μετρήσεις απόδοσης του Google Core Web Vital HUD, οι χρήστες πρέπει πρώτα να εγκαταστήσουν Κανάριο Google Chrome .

Μόλις εγκατασταθεί το Chrome Canary, ενεργοποιήστε τη λειτουργία HUD ακολουθώντας αυτά τα βήματα.

  1. Εισαγω chrome: // σημαίες στη γραμμή διευθύνσεων του Chrome και πατήστε enter.
  2. Όταν ανοίξει η οθόνη πειραμάτων, αναζητήστε ' ΔΕΡΜΑ '
  3. Οταν ο ' Εμφάνιση μετρήσεων απόδοσης σε HUD 'Εμφανίζεται η σημαία, κάντε κλικ στο αναπτυσσόμενο μενού και επιλέξτε' Ενεργοποιήθηκε '
Ετικέτες Χρώμιο google