Google va començar Accelerated Mobile Pages l’any 2015. Es van incloure a les Top Stories, i va ser utilitzada per equips de vendes de Google Ads per al nínxol dels Leads. A més, va arribar a tenir el seu propi plugin a WordPress.
El motiu d’aquest impuls era clar: Google volia fer que el web fos més ràpid per poder replicar l’experiència que les Apps havien tingut, i així tornar a enamorar els usuaris a la web.
Quin és el benefici d’AMP?
Table of Contents
- Benefici d’AMP
- Core Web Vitals vs. AMP
- Core Web Vitals: FID
- Core Web Vitals: LCP
- Principals Web Vitals: CLS
- Com millorar Core Web Vitals?
- Va ser un canvi encertat centrar-se en les Core Web Vitals i no en AMP?
Benefici d’AMP
El benefici dAMP és clar: ofereix una càrrega ultrarràpida mitjançant lús de pàgines web. La seva arquitectura s’enfoca a accelerar els temps de càrrega dels llocs web mòbils. Les seves característiques inclouen, entre d’altres, CSS i JavaScript reduïts. A més, la pàgina AMP està allotjada al servidor de Google per millorar la càrrega.
La promoció de les AMP ve de lluny, des del 2015. El push inicial que es va fer va ser dirigit, principalment, a llocs web de premsa i blocs (on entra WordPress), però la idea inicial d’AMP anava molt més enllà: volia arribar, fins i tot, al comerç electrònic.
Inicialment, AMP era un rànquing factor, i estaria destacat a les Top Stories de Google
El 2021, Google va anunciar que deixaria d’usar AMP com a “rànquing factor” i se centraria en canvi a les Core Web Vitals.
Core Web Vitals vs. AMP
Core Web Vitals va ser la consagració que les Accelerated Mobile Web Pages estaven, bàsicament, mortes. Google s’ha centrat, des del 2021, a oferir reports molt més complets al Search Performance Report i al Page Experience Report.
Core Web Vitals es compon de:
- Pintura amb contingut més gran ( LCP ),
- Retard de primera entrada ( FID ) i
- Canvi de disseny acumulatiu ( CLS )
Aquests components van cobrar força i el món web es va enfocar a millorar la seva experiència de la pàgina web “completa”, en lloc de només la versió AMP.
En certa manera, té tot el sentit del món. Les AMP no deixaven de ser una versió light de la nostra web, i a més no estava ni allotjada als nostres servidors.
Core Web Vitals: FID
FID és una mètrica que mesura el temps que triga l’usuari des de la primera interacció fins que el navegador pot començar a processar la interacció.
Els estudis mostren que 100 ms limita la capacitat de l’usuari de sentir que el sistema reacciona instantàniament.
En altres paraules, l’objectiu és treballar sempre el First Input Delay per sota de 100ms.
Google, per la seva banda, establirà el rànquing següent:
- FID de 100 ms o menys es considera bo.
- FID entre 100-300 ms necessita millores.
- FID per sobre de 300 ms es considera dolent.
No obstant això, tingueu en compte que el navegador encara necessita executar la tasca associada amb l’entrada de l’usuari, que no es mesura amb el FID. És a dir, en certs escenaris, el FID pot estar per sota dels 100 ms, però l’usuari pot percebre la càrrega de la pàgina com a no instantània.
Core Web Vitals: LCP
Largest Contentful Paint (LCP) és una mètrica pertanyent a les Core Web Vitals que mesura quan l’element més gran d’un lloc web es converteix en visible per al navegador.
Es tracta d’una mètrica centrada en l’usuari, ja que realment mesura el major element a l’àrea visual de l’usuari. És, per tant, localitzat a l’àrea ‘above the fold’, visible sense que hi hagi scroll per part de l’usuari.
Exemples del que es pot considerar com un LCP trobem:
- Hero image,
- Paràgraf de text,
- Carrusel d’imatges,
- Miniatura d’un vídeo,
- Etc…
Un dels motius pel qual el LDP pot ser dolent és, igual que al punt anterior, l’optimització del servidor. Cosa que en moltes ocasions plugins de WordPress lamentablement no ens ajudaran a solucionar-ho veritablement.
Principals Web Vitals: CLS
Cumulative Layout Shift (CLS) és una altra mètrica de Core Web Vitals. En aquest cas, en lloc d’estar centrada en una àrea purament de Performance, ens trobem en una mètrica molt centrada en la seva usabilitat. És una mètrica de Google ideada per avaluar canvis en el disseny o el contingut.
CLS és clarament la mètrica menys intuïtiva de les Core Web Vitals, però encara realment molt útil. Mesura clarament per què alguns usuaris poden veure la seva experiència de forma negativa al lloc web.
Com millorar Core Web Vitals?
En els casos en què ens estiguem trobant amb llocs web de WordPress, la resposta és clara: amb un hosting optimitzat per a WordPress, i un Tema optimitzat per a Core Web Vitals.
Wetopi és, clarament, un dels exemples de servidors completament enfocats a obtenir la màxima puntuació de les Core Web Vitals.
Comprova gratis si millora la teva mètrica LCP amb Wetopi.
Migrem una còpia del teu lloc WordPress perquè puguis revisar els teus Core Web Vitals en un Allotjament Optimitzat per a WordPress.
Va ser un canvi encertat centrar-se en les Core Web Vitals i no en AMP?
Tot i que les Core Web Vitals vinguessin per substituir AMP, el canvi ha estat definitivament bo per a la indústria:
Per què?
Perquè ha permès a la major part dels administradors web del món centrar-se en la pàgina web completa en lloc de distribuir desenvolupaments en versions AMP molt més limitades. En altres paraules, les Core Web Vitals ens ajuden a atacar arrel el problema de rendiment de les nostres pàgines web.
Resumidament, som uns techies apassionats per WordPress que hem creat Wetopi, un Hosting WordPress Gestionat, per minimitzar la fricció a la que tot professional s’enfronta en treballar i allotjar projectes WordPress.
Inclou servidors de desenvolupament Gratis.
No cal tarjeta de crèdit.