Alerta de mudança no Core Web Vitals. Saiba o que é Interaction to Next Paint

[{"selector":"#anim-22469d21-cb0a-406d-a350-604738536fd8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

No dia 10 de maio, o Google anunciou uma mudança no Core Web Vitals. O Interaction to Next Paint vem para substituir o First Input Delay e será implementado de forma definitiva em março de 2024.

[{"selector":"#anim-fd4d9be6-5496-4292-bf7e-27ee68baf67a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75224228-02e0-4ab5-a138-438384307312","keyframes":{"transform":["translate3d(-121.03449%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a0af8927-6e91-4b0a-b846-b08d30d4cf2b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0be85c4e-c585-481b-92b7-fe06190674fb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fd33f480-0393-4cd1-bce0-88d8e237d0f6","keyframes":{"transform":["translate3d(73.78640%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-641e1b18-0687-4ada-9fa4-ab53335c719d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0681c904-3c80-4950-b6ea-fd62447b38f0","keyframes":{"transform":["translate3d(73.68421%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7b86b5e3-af90-49da-b8d1-2d61658e763f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2859060d-404a-4c9a-ae3d-ab9c9aba7803","keyframes":{"transform":["translate3d(0px, -63.98045%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-776ff228-893f-4eb2-a11f-3715e214cb7d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78087fe8-db44-4ecb-a2e0-700edee49d95","keyframes":{"transform":["translate3d(143.74992%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0910a897-bffa-4db1-87af-0f21db628a6f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-add8bee9-e4be-495f-b4fb-dcbee7c7fe27","keyframes":{"transform":["translate3d(-67.99995%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f80bebd-cff8-4aa4-a0c8-dfe0038c0618","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6223a5ae-319d-4bff-8dbd-dc9058c3535b","keyframes":{"transform":["translate3d(-80.18017%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Core Web Vitals são métricas de avaliação da experiência do usuário em um site. Ele é usado pelo Google para assegurar a boa usabilidade da página, além de fazer parte de seu algoritmo.

[{"selector":"#anim-3d521f86-7faa-442b-ae39-f18b3e12aae8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-09a649d3-ef1f-4cae-922e-16e0a7e5fcfe","keyframes":{"transform":["translate3d(101.51515%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8c433e79-d00f-4cb8-9a77-bb0cf922da6c","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-51ae7534-8fe2-4fa0-9327-afc1e48eead5","keyframes":{"transform":["translate3d(-106.77507%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7ab73d6b-863e-45b5-820d-38332fde9ffc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-283d8b99-f083-4683-b007-469051e572e5","keyframes":{"transform":["translate3d(-47.88731%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e6405ca-b6db-46dd-843b-e57e629d1cad","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70d2cdf1-5cdc-4025-8791-9ffef1f0b226","keyframes":{"transform":["translate3d(-76.2963%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-93b55d38-efa3-4440-9fac-bdf7451b1362","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b55d109-f3a2-4e45-807a-2bc38ae2eed6","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1d58b180-fa37-4d46-ad57-d7eadff65daa","keyframes":{"transform":["translate3d(-114.02439%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

• Largest Contentful Paint: tempo de carregamento da página • Cumulative Layout Shift: estabilidade do conteúdo • First Input Delay: tempo para primeira interação

[{"selector":"#anim-8050d954-04e4-4f1a-8cf1-7a03a9173040","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12786eaa-1f4a-41fe-8c2d-1fa441f12e53","keyframes":{"transform":["translate3d(-119.99999%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e9f2bb2-2db6-4836-8d5d-fe42f964c215","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-67f513cb-cc68-4f6d-99fd-07884b53d964","keyframes":{"transform":["translate3d(0px, 98.57249%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0ed147c2-2023-4a96-ab34-c02538e4196b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a385c4e-01f4-4017-8871-a6668d8eea01","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6968fcd4-850d-4534-abf9-d2940218ff34","keyframes":{"transform":["translate3d(-119.50354%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Confira a diferença entre o First Input Delay e a nova métrica que irá substituí-lo.

[{"selector":"#anim-d4bfcc50-dc87-47d1-b9c2-7b673800dec1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-29e2deb7-f8c1-44ab-b915-1893e1e49104","keyframes":{"transform":["translate3d(-118.35443%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b7c46672-8bef-4f26-b599-ccd0ed63dd51","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a17e2c9c-de0c-4e8c-b3e9-26f7e93c7b05","keyframes":{"transform":["rotate(-270deg) translate3d(38.46157%, 0px, 0) rotate(270deg)","rotate(-270deg) translate3d(0px, 0px, 0) rotate(270deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-940efbb4-cb72-4b56-b3ac-8980a0b0466d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b64b09bb-2c5e-4177-b0fd-7a25c8125259","keyframes":{"transform":["rotate(-270deg) translate3d(233.33333%, 0px, 0) rotate(270deg)","rotate(-270deg) translate3d(0px, 0px, 0) rotate(270deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c20e6dd-e73d-48eb-9097-ce9015fe5973","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5fe4d827-96af-49ab-935d-8f8a84034683","keyframes":{"transform":["rotate(-270deg) translate3d(-161.53843%, 0px, 0) rotate(270deg)","rotate(-270deg) translate3d(0px, 0px, 0) rotate(270deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e0697656-d77c-46f7-9196-abc9675cc320","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Calcula apenas o tempo de resposta de um site desde a primeira interação do usuário até a resposta do navegador

[{"selector":"#anim-fa3bedb3-3d2c-4671-8c58-6c1d9501a295","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e2c6fe2-1f45-41fc-beb6-01f64db54dac","keyframes":{"transform":["translate3d(0px, -94.05044%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b41e50b-335a-4a3b-8ad8-c0d1c300829c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-06d3d343-2a4e-43e5-bd52-d356b242cb61","keyframes":{"transform":["rotate(-62.64379438515857deg) translate3d(0px, 80.27777%, 0) rotate(62.64379438515857deg)","rotate(-62.64379438515857deg) translate3d(0px, 0px, 0) rotate(62.64379438515857deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b53698fc-05a7-4107-ac55-68215cbbcecb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98348451-1f92-4cbd-8b59-2acaf83807b3","keyframes":{"transform":["rotate(-62.64379438515857deg) translate3d(0px, 78.27778%, 0) rotate(62.64379438515857deg)","rotate(-62.64379438515857deg) translate3d(0px, 0px, 0) rotate(62.64379438515857deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10927d7f-35ae-43fd-a5b7-604b8b945961","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a80b983c-957f-43b5-a302-5ff30f243865","keyframes":{"transform":["translate3d(-115.3605%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd47b7ba-574c-404b-a29c-4d432b5f9cd5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e983897-7c81-4391-8285-816779d1fd44","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Calcula o tempo de resposta de todas as ações como: • Clique do mouse • Toque no touchscreen • Pressionar de uma tecla em um teclado físico ou tela

[{"selector":"#anim-986e5e06-4c2f-4be5-bb8d-0aeb44849b78","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-501ff52b-30b8-4e9b-9399-ced4ada1d532","keyframes":{"transform":["translate3d(-117.45455%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4945ccfe-8f7e-410b-a8f3-665914b21374","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eeea1ace-28b1-40ef-9302-4c7805abb024","keyframes":{"transform":["translate3d(0px, 98.57249%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6554d96d-b3a0-410a-986b-b3f7e51ca3b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ece2db7d-a571-43e6-b979-dc06c5ab1f1f","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f35bd752-323c-4d77-a32d-d565a772d075","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Assim como as outras métricas, o Interaction to Next Paint também possui um tempo de carregamento ideal.

[{"selector":"#anim-ab2426a7-59d2-4a8d-a4f1-746831ff73fc","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6dcbd890-fb8f-4f44-9332-5886c30dbe09","keyframes":{"transform":["translate3d(0px, -226.39877%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5cb080c-d531-4ed8-9e53-a719a62ace95","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-861eb4f9-29ca-4795-8aff-399fda0659ba","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-156464b7-9ff9-4f8c-9c66-fcfe6f86fcda","keyframes":{"transform":["translate3d(-155%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-21cc9ea4-e45f-4135-af0b-9340b6a53052","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-96dbe31f-6dfc-440b-a83b-ef1704aaf043","keyframes":{"transform":["translate3d(-66.50247%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-43de4ef6-ee78-442d-9f87-777df596bbd1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe9396e1-9d7c-4643-985e-c987c911505a","keyframes":{"transform":["translate3d(148.33329%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-31a4d522-cd0c-46c7-8710-c6be396447aa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e18a0d29-d08a-49f9-81ef-07355fc3c338","keyframes":{"transform":["translate3d(226.92309%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e46bdb7-c9af-4735-a149-47220b11416e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d8a2b1e9-8723-4a80-a9c8-3a8ebc1783ab","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

GOSTOU DO CONTEÚDO?

[{"selector":"#anim-14447d4f-532b-405b-9e41-6f07f4ed7b0f","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e848b037-bc0d-47dc-96f4-d155be7f95dd","keyframes":{"transform":["translate3d(-116.29393%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63aa5e5d-6d87-47d2-8444-6dddd39b159d","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-655822bf-181f-4862-941e-0be5367ed758","keyframes":{"transform":["translate3d(-119.44444%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d7c63d7c-e458-4c1e-99c1-2652905d18a4","keyframes":{"transform":["scale(1)","scale(1.3)","scale(0.97)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":1500,"duration":2000,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-ea6fe88d-0393-4418-98d7-e6861ab25dab","keyframes":{"transform":["scale(1)","scale(1.5)","scale(0.95)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":1500,"duration":2000,"easing":"ease-in-out","fill":"both","iterations":1}]

Alerta de mudança no Core Web Vitals. Saiba o que é Interaction to Next Paint

No dia 10 de maio, o Google anunciou uma mudança no Core Web Vitals. O Interaction to Next Paint vem para substituir o First Input Delay e será implementado de forma definitiva em março de 2024.

Core Web Vitals são métricas de avaliação da experiência do usuário em um site. Ele é usado pelo Google para assegurar a boa usabilidade da página, além de fazer parte de seu algoritmo.

• Largest Contentful Paint: tempo de carregamento da página • Cumulative Layout Shift: estabilidade do conteúdo • First Input Delay: tempo para primeira interação

Seus indicadores são:

Confira a diferença entre o First Input Delay e a nova métrica que irá substituí-lo.

Calcula apenas o tempo de resposta de um site desde a primeira interação do usuário até a resposta do navegador

FIRST INPUT DELAY

Calcula o tempo de resposta de todas as ações como: • Clique do mouse • Toque no touchscreen • Pressionar de uma tecla em um teclado físico ou tela

INTERACTION NEXT PAINT

Assim como as outras métricas, o Interaction to Next Paint também possui um tempo de carregamento ideal.

GOSTOU DO CONTEÚDO?

Saiba tudo sobre a nova métrica do Core Web Vitals no conteúdo completo do Ideal Marketing

Saiba mais