Si buscas un 100/100 en PageSpeed sin añadir peso extra, céntrate en lo esencial:
- Imágenes modernas: exporta en
WebPoAVIF. Definewidth/heightyloading="lazy". - CSS crítico: inyecta el CSS mínimo para el primer pantallazo y difiere el resto con
mediaorel="preload". - JS diferido: usa
defery evita librerías pesadas si hay alternativa nativa. - Fuentes:
preconnect,font-display:swapy pesos tipográficos estrictamente necesarios. - Network: comprime (
gzip/br), activaHTTP/2y configura cache headers.
Consejo UtiLiX: audita con Lighthouse, arregla lo crítico y vuelve a medir. Pequeños cambios suman.
Si busques un 100/100 a PageSpeed sense afegir pes extra, centra’t en l’essencial:
- Imatges modernes: exporta en
WebPoAVIF. Defineixwidth/heightiloading="lazy". - CSS crític: injecta el CSS mínim per al primer pantallazo i difereix la resta amb
mediaorel="preload". - JS diferit: fes servir
deferi evita llibreries pesades si hi ha alternativa nativa. - Fonts:
preconnect,font-display:swapi pesos tipogràfics estrictament necessaris. - Xarxa: comprimeix (
gzip/br), activaHTTP/2i configura cache headers.
Consell UtiLiX: audita amb Lighthouse, arregla el crític i torna a mesurar.
Chasing 100/100 PageSpeed with zero bloat? Focus on fundamentals:
- Modern images: export as
WebP/AVIF. Setwidth/heightandloading="lazy". - Critical CSS: inline above-the-fold styles, defer the rest via
mediaorrel="preload". - Deferred JS: use
defer; prefer native APIs over heavy libraries. - Fonts:
preconnect,font-display:swap, and minimal weights. - Network: enable
gzip/br,HTTP/2, and proper cache headers.
UtiLiX tip: iterate with Lighthouse—fix, measure, repeat.