Cele mai bune statistici de la Chrome Dev Summit 2021

Chrome Dev Summit este un eveniment anual în care experții Chrome împărtășesc cele mai importante momente despre cele mai recente produse și viziunea lor pentru viitorul Chrome și al web.

Acest articol conține cele mai importante informații de la Chrome Dev Summit 2021.

Cele mai interesante modificări anunțate de echipa Chrome includ:

• Intenționează să restricționeze cantitatea de informații din șirurile User-Agent,
• Anunțul unui nou suport pentru User Flows în Lighthouse și DevTools,
• Prezentarea a două noi valori de performanță (candidați pentru Core Web Vitals) și
• Caracteristici noi de design receptiv.

Eliminarea treptată a cookie-urilor de la terți – Sugestii pentru client User-Agent

Privacy Sandbox continuă să fie unul dintre elementele cheie ale efortului tot mai mare al Google de a crea un web mai concentrat pe confidențialitate.

Browserul nu are nicio modalitate de a spune dacă utilizați cookie-uri terță parte pentru ceva util, cum ar fi oferirea unei experiențe personalizate sau menținerea unui utilizator conectat sau pentru urmărirea pe mai multe site-uri.

sursa: Barb Smith

De aceea, Chrome își propune să creeze API-uri special create care să vă permită să păstrați funcționalitățile (cum ar fi publicitatea, detectarea fraudei sau furnizarea de conținut personalizat) fără a fi nevoie de cookie-uri terță parte.

După ce se asigură că dezvoltatorii au timp să adopte API-urile, Chrome va elimina treptat suportul pentru cookie-urile terță parte.

Noile tehnologii și etapele lor de dezvoltare pot fi văzute pe Timeline de Privacy Sandbox.

Una dintre noile soluții lansate anul acesta este User-Agent Client Hints (UA-CH).

Șirul User-Agent conține o mulțime de informații despre dispozitivul și browserul utilizatorului, care pot fi folosite pentru amprentarea browserului.

Chrome își propune să combată amprentarea browserului prin reducerea cantității implicite de informații din șirul User-Agent și îngreunând identificarea utilizatorilor individuali. Informațiile din șir vor conține doar:

• Marca și versiunea browserului,
• Informații dacă este un desktop sau mobil și
• Platforma pe care rulează.

Șirul User-Agent vă va oferi unele informații în mod implicit, care pot acoperi majoritatea cazurilor dvs. de utilizare, dar informații mai detaliate sunt disponibile doar la cerere, într-un format simplu.

sursa: Chrome Developers

Începând cu aprilie 2022, Chrome va reduce treptat șirurile User-Agent.

Veți putea în continuare să obțineți date suplimentare despre utilizatorii dvs. utilizând API-ul User-Agent Client Hints, dar utilizatorii vor putea decide câte informații sunt dispuși să partajeze.

Actualizări de instrumente de performanță

Chrome a anunțat câteva modificări interesante și noi funcții pentru a măsura și analiza performanța web. Include:

• Îmbunătățirea interfeței de utilizare în PageSpeed ​​Insights,
• Adăugarea suportului pentru fluxurile de utilizatori în Lighthouse și DevTools,
• Prezentarea a două noi valori experimentale.

Modificări în interfața PageSpeed ​​Insights

A existat o actualizare în interfața de utilizare PageSpeed ​​Insights , făcând-o mai intuitivă și îmbunătățind prezentarea datelor.

Noua interfață include o distincție clară între „Date de laborator” bazate pe raportul Lighthouse și „Date de teren” bazate pe experiențele reale ale utilizatorilor.

În plus, o nouă caracteristică numită „Expand View” adaugă o funcție la secțiunea Field Data. Îl puteți folosi pentru a vedea detalii detaliate pentru Core Web Vitals.

Google a mutat, de asemenea, Rezumatul originii sub Field Data. După ce faceți clic pe el, puteți vedea scorul agregat al tuturor paginilor din aceeași origine.

Sub secțiunile de date de teren și de laborator, puteți găsi informații suplimentare utile, inclusiv:

• Perioada de colectare a datelor,
• Durata vizitei,
• Dispozitive,
• Conexiuni de retea,
• Marime de mostra,
• versiuni Chrome.

Modificările vin și în evaluarea Core Web Vitals. În loc de un singur cuvânt „procesat” sau „eșuat”, acesta va fi disponibil într-o subsecțiune separată.

În cele din urmă, imaginea paginii de încărcare va fi eliminată din secțiunea de câmp. Veți găsi imaginea și miniaturile care afișează secvența de încărcare în secțiunea de date de laborator.

Suport pentru fluxurile de utilizatori în Lighthouse

Noul API Lighthouse vă permite să analizați fluxul utilizatorilor prin simularea clicurilor pe linkuri, derularea și încărcarea paginilor suplimentare în loc să analizați performanța fiecărei pagini separat.

Lighthouse va putea să distingă și să furnizeze rapoarte separate pentru navigarea în pagină, orice interacțiuni ale utilizatorului care au avut loc într-un anumit interval de timp și instantanee pentru a reprezenta starea capturată a unei pagini.

sursa: Houssein Djirdeh

Cu noua funcție, puteți înțelege mai bine experiența utilizatorului și puteți identifica problemele de performanță pe parcursul călătoriei utilizatorului pe site-ul dvs. web.

Nou panou de înregistrare în DevTools

Suportul pentru analiza fluxurilor de utilizatori a fost adăugat și direct în DevTools.

Cu un panou de înregistrare recent lansat în DevTools , acum puteți analiza, înregistra și exporta întreaga călătorie a utilizatorului pe site-ul dvs. web.

Noul instrument vă permite să vizualizați toate acțiunile pe care utilizatorii le efectuează pe site-ul dvs. web, cum ar fi apăsările de taste sau clicurile pe linkuri, direct în panoul de performanță. Această funcție își propune să vă ajute să înțelegeți și să depanați cu ușurință interacțiunile complexe.

Două noi valori de performanță

Chrome a anunțat două noi valori de performanță ca potențiali candidați pentru Core Web Vitals.

Receptivitatea

Sensibilitatea este menită să surprindă capacitatea de răspuns generală a unei pagini.

În prezent, folosim First Input Delay pentru a măsura cât de receptivă este o pagină în timpul încărcării. FID este o măsurătoare utilă, deoarece capacitatea de răspuns este deosebit de volatilă atunci când browserul trebuie să încarce multe resurse și timpul de fir principal este foarte solicitat.

Dar toate măsurile FID sunt cât de curând browserul este pregătit să proceseze o cerere de utilizator. Nu vă permite să măsurați latența de intrare pe parcursul ciclului de viață al unei anumite pagini.

Echipa Chrome încă conceptualizează noua măsurătoare de receptivitate. Puteți afla mai multe despre provocările de măsurare a latenței de intrare pe parcursul ciclului de viață a paginii aici.

Finete

Netezimea urmărește să abordeze măsurarea „bâlbâielilor” sau „înghețurilor” în timpul animației sau derulării. Această nouă măsurătoare urmărește să înțeleagă mai bine cât de des sunt eliminate cadrele de animație și cât de mult afectează utilizatorul.

Valoarea propusă pentru procentul de cadre scăpate ar calcula numărul de cadre scăpate și ar prezenta un scor mediu care ar trebui să reflecte cât de netedă este animația din perspectiva utilizatorului.

Ceea ce contează este: proporția de timp în care se așteaptă actualizări importante. Credem că acest lucru se potrivește cu modul în care utilizatorii experimentează fluiditatea conținutului web în practică. Până acum, am folosit următoarele ca set inițial de valori :

• Procent mediu scăpat: pentru toate cadrele de animație care nu sunt inactive de-a lungul întregii cronologie
• Cel mai rău caz de procente de cadre scăpate: măsurat în intervale de timp glisante de 1 secundă.
• Percentila 95 a procentului de cadre abandonate: măsurată în intervale de timp glisante de 1 secundă.

sursa: web.dev

Noul Responsiv

Responsive Design nu mai este doar despre ajustarea site-ului dvs. web pentru a funcționa bine pe telefoane mobile și desktop. Este mult mai mult, iar dezvoltatorii trebuie să ofere o experiență personalizată pentru toată lumea și să includă preferințele utilizatorului, cum ar fi modul întunecat sau dispozitivele pliabile.

Modificările aduse Responsive Design se referă la caracteristicile CSS. Unele dintre noile funcții includ noi specificații de interogări container, cronologie de defilare și proprietăți de culoare accentuată.

Proprietate de ajustare a mărimii pentru tipografie

O caracteristică deosebit de interesantă este proprietatea de ajustare a dimensiunii pentru tipografie. Puteți folosi size-adjust pentru a ajusta fontul implicit pentru a se potrivi cu fontul web care urmează să se încarce.

Este deosebit de important pentru că vă poate ajuta să preveniți schimbarea cumulativă a aspectului prin reducerea deplasării cauzate de încărcarea fontului dvs. web.

Modul întunecat

În plus, Chrome lucrează la o funcție de algoritm auto-întunecat asistată de învățare automată. Înseamnă că browserul poate genera automat o temă întunecată, cu posibilitatea de a renunța la această funcționalitate.

Accesați pagina Dezvoltatori Chrome pentru a afla mai multe despre noua funcție de întunecare automată a Chrome și testați-o pe dispozitivul dvs.