WebPer

Quin és el nom real de l'squad de Front?

• PixelPerfect

• FrontAwesome

• ArtAttack

• CSS Las Vegas

Quines són les CORE web vitals?

• LCP, CLS, FID

• LCP, FCP, TTI

• CLS, LCP, TBT

• FID, FCP, CLS

Què és LCP?

• Layout Cumulative Paint

• Largest Cumulative Performance

• Largest Contentful Paint

• Layout Contentful Performance

Answer explanation

LCP (Largest Contentful Paint) mesura la velocitat de càrrega percebuda (la de l'element més gran above the fold)

Quins elements poden ser LCP?

• imatges

• block elements

• iframes

• svgs

Quina és la puntuació de la web de Freshly a Lighthouse a dia d'avui?

• 0-15

• 15-30

• 30-50

• 50-80

Answer explanation

Qui és el millor de Codely?

• Nuria

• Rafa

• Nino

• Javi

Com millorem específicament el Largest Contentful Paint (LCP)?

• Evitant canvis importants de mida

• Reduint l'execució de JS

• Prioritzant el contingut above the fold

Answer explanation

* Evitant render blocking

* Reduint payload

* Pre-fetching

Com millorem específicament el Cumulative Layout Shift (CLS)?

• Evitant canvis importants de mida

• Reduint l'execució de JS

• Prioritzant el contingut above the fold

Answer explanation

* Fixant i reservant espais per imatges

* Reservant espai per continguts dinàmics

* Fallback amb tipografies similars

Com millorem específicament el First Input Delay (FID)?

• Evitant canvis importants de mida

• Reduint l'execució de JS

• Prioritzant el contingut above the fold

Answer explanation

* Reduint polyfills i llibreries pesades

* Code-splitting

* Defer del JS no crític

* Vigilant quan carreguem scripts de tercers

PRPL pattern inclou: P_______, Render, Pre-cache i Lazy-loading.

Answer explanation

* Preload dels recursos crítics

* Render prioritzant above the fold i evitant render blocking

* Pre-cache del contingut que necessitarem just després del primer render

* Lazy-loading carregant quan sigui necessari