Arjen Karel, consultor de Core Web Vitals
Consultoría de Core Web Vitals

Me uno a tu equipo y hacemos tu sitio rápido

De uno a tres días a la semana, sprint a sprint, trabajando con tus desarrolladores. Mido qué hace esperar a tus visitantes, lo arreglamos en ese orden, y para cuando me voy tu equipo sabe cómo mantenerlo rápido. Desde 6.000 € al mes.

Arjen KarelConsultor de rendimiento web desde 2009
Some of the teams I've worked with
Adevinta eBay SNV Nestlé Loop Earplugs Featured on web.dev
Cómo funciona

Cómo es una consultoría conmigo

Cuando empiezo con tus Core Web Vitals, primero acordamos qué vamos a arreglar. Luego audito, escribo los tickets y junto a tus desarrolladores hacemos tu sitio rápido otra vez, en uno o más sprints.

Cascada de peticiones en CoreDash para una vista de página real
Una vista de página real en CoreDash: cada petición, con el DCL y el LCP marcados.
  1. Auditoría completa del sitio

    Toda consultoría empieza con una auditoría completa, plantilla a plantilla, comparando con tus datos de RUM en el percentil 75. Después de eso sé qué causa cada problema, cuáles importan más y cuáles dependen de otros.

  2. Priorización y planificación

    Algunas correcciones aportan mucho más que otras, y algunas solo valen la pena cuando se aplica otra corrección antes. No tiene sentido optimizar tu hero image todavía si un script bloquea toda la página. Y un cambio de diseño diminuto en una página que recibe el 2% de tu tráfico puede esperar.

  3. Tickets e implementación

    Escribo los tickets en Jira (o en tu propio sistema de tickets) y los priorizo. En cada uno describo la causa, el efecto y la solución, con ejemplos de código. Tus desarrolladores programan la mayor parte. Hago pair programming con ellos en lo difícil y reviso cada pull request.

  4. Revisiones y mejoras de proceso

    Superviso el progreso todo el tiempo y reviso cada lanzamiento contra su línea base en el field data. Para cuando me voy, tu equipo sabe encontrar un problema, entenderlo y elegir la solución correcta sin mí. También configuro performance budgets en tu pipeline de CI/CD y alertas en tus datos de RUM, para que una regresión no llegue a tus visitantes sin que lo notes.

Precios

¿Cuánto cuesta la consultoría de Core Web Vitals?

El precio sigue el ritmo que tu equipo puede llevar. Por experiencia, un día a la semana mantiene ocupado a un equipo de unos cinco desarrolladores: audito, escribo los tickets y reviso lo que programan. Un equipo más grande, o un equipo dedicado por completo al rendimiento web, necesita más días.

1 día a la semana

Constante

Nada está en llamas, pero eres más lento que tu competencia y lo sabes.

6.000 €/mes
2 días a la semana

Enfocado

Se acerca el Black Friday, o te cambias a una plataforma nueva. El doble de ritmo.

12.000 €/mes
3 días a la semana

Con todo

Search Console está en rojo y marketing te pregunta por qué cada semana.

18.000 €/mes

Ir más rápido no cuesta más

Tres meses de Constante son 18.000 €. Un mes de Con todo también son 18.000 €. Simplemente llegas antes. El total exacto está en el alcance, antes de empezar.

3 × 6.000 €Constante · 3 meses
=
1 × 18.000 €Con todo · 1 mes
Qué obtienes
  • A mí y mis 17 años de experiencia, sin becarios ni consultores junior
  • Audito todo el sitio, plantilla a plantilla
  • Escribo los tickets, en tu propio sistema, en el orden correcto
  • Hago pair programming con tus desarrolladores y reviso sus pull requests
  • Comprobamos cada corrección en tu field data
  • Te quedas con los performance budgets y las alertas cuando me voy
Iguala · después de la consultoría

Mantenme cerca

La mayoría de los equipos pueden hacer esto sin mí después. Si prefieres no hacerlo, tienes más o menos un día de mi tiempo al mes. Vigilo tus datos de RUM, te aviso cuando algo se pone lento, y cada trimestre decidimos qué sigue.

1.500 €/mesdesde, alrededor de un día al mes
Arjen Karel

Empezar cuesta tu URL y 20 minutos

Rellena el formulario de abajo con tu sitio y lo que pasa. Llega a mi propia bandeja de entrada, no a un equipo de ventas. Para cuando hablemos ya habré analizado tu sitio, así que dedicamos esos 20 minutos a tu sitio y a tu equipo, no a diapositivas sobre lo bueno que soy.

  1. Envíame tu URL

    Dime qué te molesta y tu fecha límite si la tienes, como el Black Friday o una migración. La fecha límite decide cuántos días a la semana necesitamos. Respondo en un día.

  2. Yo miro, nosotros hablamos

    Antes de la llamada reviso tus datos de CrUX y tus plantillas principales, así que normalmente sé qué te hace lento antes de que me lo digas. Luego hablamos 20 minutos: la mitad sobre tu sitio, la mitad sobre tu equipo. Una corrección atascada en el backlog no hace nada más rápido.

  3. Recibes un alcance y un precio

    Cuántos días a la semana, por cuánto tiempo y qué arreglamos en ese plazo. El plan detallado sale de la auditoría completa, una vez que me contratas. La letra pequeña: puedes despedirme a cualquier hora del día. Nadie lo ha hecho nunca.

Send me your URL

Consultoría · Adevinta

Cómo fue la consultoría de Core Web Vitals en Adevinta

Marktplaats, Subito, Fotocasa y Kijiji

4marketplaces
+27%leads de contacto y teléfono en Fotocasa
100%de las páginas de escritorio bien en el INP, casi todas las de móvil también
Cuando Adevinta llamó, llamé a mi mujer: "¿Adivina quién va a acelerar Marktplaats?". Su respuesta: "¡Por fin!".
Kijiji, uno de los marketplaces de Adevinta

Trabajé en cuatro de los marketplaces de Adevinta, cada uno en un país diferente. Cada equipo tenía un stack distinto y estaba en un punto diferente. Marktplaats tenía años de legacy code. Subito tenía tecnología más nueva pero ningún proceso en torno al rendimiento. Lo que compartían era el botón de atrás. Los visitantes saltan entre resultados de búsqueda y anuncios todo el día, y cuando la bfcache falla, cada clic atrás recarga la página de resultados, los anuncios se cargan otra vez y la página da saltos.

No todo era código. La gente se iba, la documentación se perdía y nadie se hacía cargo del rendimiento. Entre los cuatro marketplaces propuse unos 500 cambios, y la mayoría siguen activos hoy. Y capacité a los equipos, para que una corrección programada por un marketplace no tuviera que ser inventada de nuevo por el siguiente.

El trabajo en Fotocasa acabó en web.dev: rerenders de React innecesarios, el estado movido más cerca de donde se usa, las analíticas apartadas del clic. Sus desarrolladores lo programaron. Yo encontré los problemas, los ordené y revisé cada corrección.

Qué me hace diferente

Lento por error, lento por diseño

La mayoría de los consejos de rendimiento tratan cada problema igual: aquí está la lista, ve y arréglalo. Por eso tantos equipos trabajan en esa lista durante meses y no ven cambiar nada. Divido todo lo que hace a un sitio lento en dos grupos, porque cada uno requiere una conversación totalmente distinta.

Lento por error

Hay una forma más rápida, así que la usamos

Hay una manera más rápida de hacer exactamente lo mismo, y gana en todos los aspectos. Una imagen de 2000px en una pantalla de móvil de 400px. Un script que bloquea el renderizado cuando podría haberse diferido. O cosas más difíciles, como una hero image que el navegador solo encuentra después de que el JavaScript se ha ejecutado. Nadie eligió esto, simplemente pasó. Hablamos de ello, estamos de acuerdo, tus desarrolladores lo programan. Así de simple.

Lento por diseño

Alguien eligió esto. ¿Con qué lo pagas?

Rastreo de usuarios, un carrusel, un widget de chat. Está bien, pero cada elección tiene un precio, y normalmente nadie decidió dónde pagarlo. Carga el tracking primero y lo pagas en el LCP. Cárgalo más tarde y pierdes a los visitantes que se van pronto. Cárgalo en el primer clic y lo pagas en el INP. Un carrusel pone JavaScript entre tu visitante y tu contenido, así que ¿qué importa más: la primera vista o el primer swipe?

Una vez que sabes dónde quieres pagar, puedo optimizar para ello. Si nadie lo sabe, nadie sabe para qué están optimizando.

Consultoría de Core Web Vitals

Preguntas que me hacen

Coste y resultadosTécnicoCómo trabajamos juntosTiempos y anuncios

Coste y resultados

¿Cuál es el ROI esperado de una consultoría de Core Web Vitals?

Eso depende de cuánto dinero pase por tu sitio. Loop Earplugs fue unos 800 ms más rápido en móvil y la conversión en el checkout subió un 7%. No puedo prometerte un 7%, pero RUM muestra qué hizo cada corrección en la métrica y tus analíticas muestran qué hizo en los ingresos. Tendrás ambos.

¿Aprobar las Core Web Vitals mejorará nuestros rankings en Google?

Un poco. Las Core Web Vitals son un factor de ranking, pero pequeño: el contenido relevante va primero, y la velocidad rompe el empate entre páginas que están cerca. La ganancia mayor está después del clic. Un sitio más rápido pierde menos visitantes y convierte más a los que se quedan, y eso se nota en tus ingresos tanto si Google te sube como si no.

¿Para quién es la consultoría de Core Web Vitals?

Para empresas con sus propios desarrolladores, tráfico real y un sitio donde la velocidad se refleja en los ingresos. Principalmente e-commerce, apps SaaS donde los clics se sienten lentos, y publishers con muchos anuncios. ¿No tienes desarrolladores propios ni una agencia programando para ti? Entonces una auditoría o un apaño rápido es un mejor punto de partida.

¿Garantizas puntuaciones específicas en las Core Web Vitals?

No. Cualquiera que garantice una puntuación antes de mirar tu sitio está adivinando. Mi objetivo es aprobar las Core Web Vitals en el percentil 75 en las páginas que te dan dinero. Eso es lo que Google mide, y es lo que tus visitantes sienten.

¿Por qué necesitamos a un especialista en lugar de a nuestra agencia actual?

La mayoría de las agencias hacen un poco de todo, y el rendimiento es un elemento más en la lista. Es lo único que hago yo. Los problemas difíciles rara vez están en un checklist: hidratación en Next.js, docenas de scripts de terceros en un sitio de noticias, anuncios que descolocan el diseño al cargar. Todos tenemos nuestra especialidad. Esta es la mía.

¿Está incluido CoreDash?

Sí, está incluido en la consultoría. Si tu propio RUM ya muestra qué elemento o script es lento, podemos usar ese.

Técnico

¿Qué stacks tecnológicos soportas?

Prácticamente todos. Next.js, Nuxt, Magento, Salesforce Commerce Cloud, Shopify, WordPress, o un sitio en PHP que alguien programó en 2012. Al navegador le da igual con qué se hizo la página, y en el navegador es donde trabajo. En una plataforma alojada como Shopify no puedes cambiar la plataforma en sí, pero el tema, las apps y los scripts que añaden son tuyos, y la mayoría de los problemas están ahí.

Nuestra puntuación en PageSpeed es 40. ¿Puedes subirla a 90?

Esa puntuación es Lighthouse: una prueba de lab data en un móvil lento simulado. Google mira el field data, lo que experimentan tus visitantes reales en el percentil 75, y en eso trabajo yo. La puntuación de Lighthouse normalmente sube por el camino, pero no voy tras ella. Un sitio puede sacar 95 y aun así suspender las Core Web Vitals, y al revés.

¿Cómo manejas los problemas del Interaction to Next Paint (INP)?

Averiguo qué corre en el main thread cuando alguien hace clic. La API de Long Animation Frames (LoAF) me dice qué script y qué función. Luego dividimos ese trabajo, lo apartamos del medio, o lo eliminamos.

¿Necesitaremos reescribir todo nuestro frontend?

Casi nunca. Normalmente son unos cuantos componentes pesados, el orden en que cargan los scripts o cómo se hidrata la página. Cambiar eso cuesta mucho menos que una reescritura, y ves el resultado mucho antes.

¿En qué se diferencia CoreDash de nuestra monitorización actual?

¿Aún no tienes RUM, o el tuyo no muestra qué elemento o script es lento? Entonces añado CoreDash. Está hecho exactamente para este trabajo. Para cada evento de LCP, INP y CLS muestra qué elemento, script o recurso lo causó. Ves lo que hizo una corrección para los visitantes reales en un día, en vez de esperar al promedio de 28 días de Google. Y no hay límite en cuántas URLs rastreas o cuánto tiempo guardas los datos.

Cómo trabajamos juntos

Nuestro sitio lo programa una agencia. ¿Funciona así?

Sí. Me gusta trabajar con agencias y con todos los demás implicados. La agencia programa, yo encuentro los problemas, los ordeno y reviso cada corrección, igual que con tu propio equipo. ¿Eres la agencia? Entonces así es como trabajo con agencias.

¿Cuáles son los entregables concretos de un encargo completo?

Hallazgos como tickets en tu propio sistema, correcciones en producción, performance budgets en tu pipeline de CI/CD, monitorización y alertas en tus datos de RUM, y desarrolladores que saben por qué todo esto funciona.

¿Cómo evitas las regresiones de rendimiento?

De dos maneras. Los performance budgets en tu pipeline de despliegue marcan una build que añade cambios de diseño o bloquea el main thread antes de que pase a producción. Y las alertas en tus datos de RUM te avisan cuando algo empeora. CoreDash revisa cada hora, pero solo lanza una alerta cuando hay suficientes datos para estar seguros, para que no persigas falsos positivos. Aun así lo sabes semanas antes que Search Console.

¿Cuál es la diferencia entre una auditoría y una consultoría completa?

Una auditoría te dice qué está mal y en qué orden arreglarlo. La consultoría se queda hasta que está arreglado.

¿Qué pasa después de la consultoría?

Tu equipo toma el control. También hay una iguala, desde 1.500 € al mes por más o menos un día de mi tiempo: vigilo tus datos de RUM, te aviso cuando algo va más lento, y cada trimestre decidimos qué sigue.

¿Qué necesitas de nosotros para empezar?

Acceso a tu repositorio (GitHub, GitLab, el que uses), un entorno de staging y tus analíticas. Nada de semanas de reuniones de onboarding. Una vez dentro, empiezo, y normalmente tienes los primeros hallazgos en 5 días laborables.

Tiempos y anuncios

¿Cuánto dura una consultoría?

De una semana a seis meses. Depende de cuánto esté mal y lo rápido que tu equipo despliegue. La mayoría toman menos tiempo del que la gente espera: el 60% de mis proyectos terminan en un mes. La duración exacta está en el alcance, antes de empezar.

¿Con qué rapidez veremos mejoras en nuestras Core Web Vitals?

Ves cambios en tus datos de RUM al día siguiente de desplegar. Los números necesitan suficientes visitas antes de significar algo, así que las páginas con mucho tráfico lo muestran antes que las tranquilas. De todos modos lo sabes semanas antes de que el reporte de CrUX de Google se actualice.

¿Podemos aprobar las Core Web Vitals sin quitar nuestros anuncios o analíticas?

Sí. No quitamos tus etiquetas, cambiamos cómo y cuándo cargan. Los anuncios aún pueden cumplir con los requisitos de viewability sin bloquear el main thread o descolocar el diseño. DPG Media, Aleteia y Who What Wear mantuvieron sus ingresos por publicidad y aprobaron las Core Web Vitals.

Consultoría de Core Web Vitals | Arjen Karel Core Web Vitals Consultoría de Core Web Vitals | Arjen Karel