El 13 de juliol de 2026 vam passar kiwop.com per PageSpeed Insights i l'informe mòbil va tornar cinc resultats: 100 en Rendiment, 100 en Accessibilitat, 100 en Bones pràctiques, 100 en SEO i 3/3 en Agentic Browsing, la categoria nova que mesura si els agents d'IA poden fer servir un web. Amb First Contentful Paint en 1,1 segons, Total Blocking Time en 0 mil·lisegons i Cumulative Layout Shift en 0, emulant un mòbil de gamma mitjana sobre una xarxa 4G lenta.
No és una captura afortunada ni una pàgina buidada per a l'ocasió: és el web real que serveix el nostre negoci, i el resultat de decisions d'arquitectura que qualsevol equip pot copiar. En aquest article les expliquem totes. I com que de captures no cal refiar-se'n, pots repetir l'examen ara mateix mentre llegeixes.
Què signifiquen les cinc xifres
Les quatre primeres són les categories clàssiques de Lighthouse, el motor d'anàlisi de Google. Rendiment mesura l'experiència de càrrega real (LCP, TBT, CLS); Accessibilitat, que el web sigui operable per qualsevol persona i tecnologia d'assistència; Bones pràctiques, la higiene tècnica i de seguretat; SEO, que els cercadors puguin entendre'l i indexar-lo.
La cinquena és la novetat del 2026. Agentic Browsing va arribar amb Lighthouse 13.3 al maig i mesura una altra cosa: si un agent d'IA pot llegir el teu web i operar-hi, per exemple omplir un formulari o seguir un flux de compra. No dona una nota sobre 100 sinó un ràtio de checks superats, i Google la marca com a experimental. La majoria de webs encara no el passa; si vols saber com està el teu, hem fet un test gratuït d'Agentic Browsing de dos minuts.
La recepta: set decisions d'enginyeria
1. L'HTML arriba amb el contingut a dins
kiwop.com se serveix renderitzat des del servidor: l'HTML que rep el navegador (o el crawler, o l'agent) ja conté tot el contingut. Res d'esperar que un framework de JavaScript pinti la pàgina al client. Aquesta sola decisió sosté alhora el Rendiment, el SEO i la meitat de l'Agentic Browsing.
El com: Astro renderitza al servidor (Node 24 i PM2 en clúster) i envia l'HTML ja muntat. Ni el contingut ni els enllaços depenen que el navegador executi JavaScript, així que un crawler o un agent sense motor de JS llegeix tota la pàgina igual que tu.
2. L'element LCP és text visible des del primer frame
L'error més comú que veiem en auditories: un hero amb fade-in que retarda just el que Google mesura. El nostre H1 és visible des del primer fotograma, sense animacions d'entrada i sense esperar la font (font-display evita el ball tipogràfic). Resultat: Largest Contentful Paint en 1,7 segons en un mòbil emulat amb xarxa lenta.
El com: L'H1 arriba amb el seu color final des del primer frame (res d'opacity 0 amb fosa d'entrada) i la font fa servir font-display optional perquè no hi hagi reflow en carregar. L'element que Google mesura com a LCP ja està pintat abans que arribi el CSS decoratiu.
3. Total Blocking Time 0: el JavaScript espera que el necessitis
La pàgina amb prou feines executa JavaScript a l'arrencada, i tot el decoratiu (animacions, comptadors, el fons generatiu del hero) s'activa només quan l'usuari interactua o l'element entra en pantalla. El fil principal queda lliure: 0 mil·lisegons bloquejats.
El com: El JavaScript d'animacions i comptadors no s'executa a l'arrencada: s'activa amb requestIdleCallback o quan entra a pantalla. El fil principal queda lliure just quan Lighthouse mesura el bloqueig, i el Total Blocking Time es queda a 0 ms.
4. CLS 0: res no salta
Totes les imatges i embeds porten dimensions explícites, el que s'injecta té l'espai reservat i les fonts carreguen sense reordenar el text. Un layout estable ja no és només comoditat visual: amb Agentic Browsing, un botó que es mou és un clic d'agent que falla.
El com: Cada imatge porta width i height a l'HTML, les fonts reserven el seu espai i res no s'injecta per sobre del que ja s'ha pintat. El layout no es mou ni un píxel després del primer render.
5. Imatges AVIF amb negociació al servidor
L'HTML referencia la imatge clàssica (.jpg) i és el servidor qui serveix la versió AVIF quan el navegador l'accepta. Mateix URL, entre un 60% i un 80% menys de pes, zero canvis al codi de la pàgina.
El com: nginx desa imatge.jpg.avif al costat de l'original i, quan el navegador envia Accept image/avif, el serveix en lloc seu amb Vary Accept. L'HTML no canvia mai: el src de l'img apunta sempre al .jpg i la negociació passa al servidor. Un AVIF pesa la meitat que el JPEG equivalent.
6. Memòria cau en capes davant del renderitzat
Entre la base de dades i el visitant hi ha diverses capes de memòria cau (aplicació, render del servidor i CDN), cadascuna amb la seva política d'invalidació. L'efecte pràctic: gairebé totes les visites reben HTML ja cuinat, a mil·lisegons de l'usuari.
El com: Payload cacheja en memòria, Redis desa el render amb stale-while-revalidate, nginx cacheja l'HTML del SSR i Cloudflare el serveix des de la vora. El visitant gairebé mai toca la base de dades: rep bytes que ja estaven a punt.
7. L'accessibilitat tractada com a interfície de màquina
Labels a tots els camps, botons reals, jerarquia d'encapçalaments sense salts, landmarks i contrast AA. És el correcte per a les persones i, a més, és la interfície que fan servir els agents: naveguen per l'arbre d'accessibilitat, no pels píxels. El 100 d'Accessibilitat i el 3/3 d'Agentic Browsing surten de la mateixa feina.
El com: HTML natiu abans que divs, un sol h1 per pàgina, label a cada camp, focus visible i contrast de 4,5:1 com a mínim. El mateix que fa la pàgina usable amb lector de pantalla la fa llegible per a un agent: l'accessibilitat va deixar de ser una capa cosmètica.
L'examen nou: com es passa l'Agentic Browsing
La categoria audita quatre fronts: accessibilitat orientada a agents (names, labels, integritat de l'arbre), estabilitat de layout, presència de llms.txt i integració amb WebMCP, l'estàndard proposat per declarar les accions del teu web com a eines que un agent pot invocar.
En el nostre cas, el 3/3 correspon als tres checks aplicables a la pàgina: accessibilitat d'agents, estabilitat i llms.txt. WebMCP segueix en origin trial (Chrome 150 o superior) i és el següent pas natural per a webs transaccionals: que un agent no hagi d'endevinar on fer clic per comprar-te.
El següent esglaó ja és damunt la taula: WebMCP. En lloc que l'agent endevini com omplir un formulari mirant el DOM, el web li ofereix eines declarades (cercar, reservar, comprar) que pot cridar directament. És en fase d'origin trial i kiwop.com és de les primeres a preparar-s'hi. Agentic Browsing mesura si un agent pot llegir i moure's pel teu web; WebMCP mesura si hi pot operar.
Com ho mesures tu mateix
Res d'això és opinió: es comprova en dos minuts i sense registre.
- Obre PageSpeed Insights, enganxa la teva URL i mira l'informe mòbil (és més exigent que el d'escriptori i és el que compta).
- Per a l'Agentic Browsing necessites Lighthouse 13.3 o superior: al Chrome, DevTools, Lighthouse, marca la categoria Agentic Browsing i executa-la.
- Mira el codi font (Ctrl+U): si el text principal hi és sense executar JavaScript, un agent també el llegirà.
- Comprova el teu robots.txt i el teu llms.txt: que no bloquegin GPTBot, ClaudeBot ni PerplexityBot.
Si alguna de les quatre categories clàssiques baixa de 90, ja saps per on començar; les set decisions de la recepta et diuen on mirar.
El que no vam fer
- Servir una versió lleugera només per al test: l'informe és del web real en producció, amb analítica, xat i formularis funcionant.
- Amagar contingut a Lighthouse per inflar la nota: se'n diu cloaking i tard o d'hora es paga.
- Lazy-load de l'element LCP: és l'error que més corregim en auditories, perquè retarda exactament el que Google mesura.
La checklist si vols replicar-ho
- Contingut principal visible sense executar JavaScript (comprova-ho al codi font).
- robots.txt sense bloquejar GPTBot, ClaudeBot ni PerplexityBot.
- llms.txt publicat a l'arrel del domini.
- Dades estructurades Schema.org del negoci (Organization, Service, Product, FAQPage).
- Jerarquia d'encapçalaments neta, landmarks i alt a les imatges.
- Labels a tots els camps de formulari i botons semàntics.
- Dimensions explícites a imatges i embeds: CLS per sota de 0,1.
- Sense popups ni overlays que tapin el contingut en arribar.
- LCP per sota de 2,5 segons en mòbil.
- Camí a la conversió sense registre forçós ni CAPTCHA intermedi.
Preguntes freqüents
De debò val la pena treure 100 al PageSpeed Insights?
Val com a senyal, no com a fi. Un 100 correlaciona amb uns Core Web Vitals bons, i aquests sí que influeixen en el posicionament i la conversió. Però la nota és un mitjà: el que importa és que la pàgina carregui ràpid per a una persona real i que sigui llegible per a un cercador o un agent. Un 100 aconseguit amb trucs que empitjoren l'experiència no val res.
Què és l'Agentic Browsing i en què es diferencia del SEO?
És la categoria que Lighthouse va afegir el maig del 2026 (versió 13.3). Mesura si un agent d'IA (ChatGPT, Claude o Perplexity operant un navegador) pot entendre i recórrer el teu web: noms i etiquetes clars, contingut a l'HTML, i robots i llms.txt que no el bloquegin. El SEO clàssic optimitza per al rastreig i el rànquing; l'Agentic Browsing optimitza perquè una IA pugui actuar a la teva pàgina, no només indexar-la.
Necessito refer tot el web per arribar a 100?
Gairebé mai. La majoria de webs perden punts per quatre o cinc causes repetides: un LCP amb fosa d'entrada, JavaScript pesat a l'arrencada, imatges sense dimensions i sense comprimir, i formularis sense labels. Es resolen una a una. Refer el web només té sentit quan el problema és estructural, per exemple si tot el contingut es pinta amb JavaScript al client.
Un web WordPress pot treure 100?
Pot acostar-s'hi, però li costa més. L'stack de plugins i temes sol arrossegar CSS i JavaScript que no fas servir, i és allà on se'n van els punts de Performance i de Total Blocking Time. S'arriba lluny amb memòria cau, un tema lleuger i podant el que sobra; el 100 net i estable sol demanar una arquitectura pensada per al rendiment, com la que fem servir a kiwop.com.
Què vol dir el 3/3 de l'Agentic Browsing?
Que la pàgina passa els tres checks que li apliquen d'aquesta categoria: accessibilitat orientada a agents, integritat del contingut a l'HTML i accés permès als rastrejadors. No totes les auditories apliquen els mateixos checks; en el nostre cas els tres rellevants són en verd.
Això seguirà sent vàlid d'aquí a un any?
Els fonaments sí: HTML amb el contingut a dins, poc JavaScript, imatges lleugeres i accessibilitat real fa anys que són la base i ho continuaran sent. El que canvia és la superfície de mesura: l'Agentic Browsing és del 2026 i el WebMCP ve al darrere. Per això construïm sobre principis, no sobre trucs: quan arriba la mètrica nova, ja la compleixes.
Vols aquests números al teu web?
Comença pel test d'Agentic Browsing: dos minuts, sense registre, i en surts amb la teva llista de forats concreta. Si prefereixes que ho mesurem nosaltres, l'auditoria d'IA et diu què veuen avui els agents i els models al teu web i en quin ordre arreglar-ho, i amb el servei GEO ens ocupem que la IA et citi i els seus agents puguin operar al teu web. Sense fum: l'informe de PageSpeed al davant, abans i després. I si vols que el teu web sigui el següent amb aquests números, parla amb un arquitecte.