Core Web Vitals prestes a ficar muito mais difícil (especialmente no ecossistema JavaScript)

Crie seu projeto na Hostinger com desconto através do link tag.gs/Lucasmo... + 10% extra com o cupom LUCASMONTANO
Quer mandar sugestão de artigos e tópicos? Manda direto pro Tony que nós vamos selecionar os melhores para gravar o próximo video: chat.openai.co...
✅ Torne-se membro para obter aulas técnicas exclusivas comigo:
/ @lucasmontano
✅ Meu site parece que foi feito por um DEV backend né?! Mas lá tu encontra tudo que precisa saber sobre o que tenho feito e onde estou:
lucasmontano.com/
✅ 𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟
▸ 3,700,000 requests do MrBeast na API do X (eu tentei e não foi barato)
• 3,700,000 requests do ...
▸ Programação realmente é muito difícil?
• Programação realmente ...
▸ DEV Precificando Projeto tipo Netflix (bem simples)
• DEV Precificando Proje...
▸ Gemini Impressiona ao Superar Humanos : Nova IA do Google • Gemini Impressiona ao ...
▸ OpenAI choca o mundo +1 (mas Sora não é sobre gerar videos)
• OpenAI Sora não é apen...
▸ IA que utilizo & a mentira da Gemini (Nova IA do Google)
• IA que utilizo & a men...

[@raphael-azambuja]

Tá louco, o Lucas Montano do canal Lucas Montano tá parecendo o Tintim das aventuras do Tintim

[@bread.br7]

Kkkkkkkkkkk

[@douglasdoro]

Pior que parece mesmo 😅

[@tonyls0367]

kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk neh que é true mesmo

[@cristianoseixas2417]

Astroboy 😂😂😂

[@hyper9788]

tintin do canal lucas montano kkkk

[@juan74826]

Virou o Lucas Moicano

[@VitorZonho]

Eu acho que o pessoal vai confundir a analise do website c/ uma analise do framework ... muitas vezes a landpange nem é feita na própria tech

[@JRRRRRRRRRRR]

roda o pagespeed insights na home da hostinger pra gente ver? 😅

[@JRRRRRRRRRRR]

Failed pra Mobile e Web :/

[@rharisonl]

@@JRRRRRRRRRRR kkkkkk

[@amauryteles9729]

@@JRRRRRRRRRRR reprovado e agora como confia kkkkkkk

[@deglieramorim6630]

o link do nuxt que voce testou e que passou é da versao 3 e nao da versao 1

[@DfiedlerPlayer]

Consegui >90 usando nextJS e react, o css e pre compilado e entregue inline fazendo a pagina renderizar mesmo sem JS ativado. Em paginas com muitas imagens e produtos, slides, etcs

[@nucaardida]

faltou o queridinho do vedovelli o remix.js. Mas também né, todo dia um framework js diferente. Muitos ai que vc mostrou eu não conhecia

[@MarcusTorres-zv5cv]

o remix é apenas o MELHOR! o resto é resto

[@thiagoalves_74]

Eu já trabalhei com Alpine.js e gostei bastante. Faz muito sentido para quem precisa de pequenas lógicas de JS no front.

[@kaualandi]

O Angular agora na versão 17 usa o angular.dev. Que foi aprovado, apesar de que, com o INP ruim no mobile

[@williammeier4870]

Nuxt tbm está na versão 3, e não na 2 utilizada no vídeo.

[@danrocha5153]

Mas vamos combinar né, o Angular é mais "indicado" para desenvolvimento de sistemas complexos, robustos, etc... Sistema usados em ambiente empresarial, por exemplo, do que para desenvolvimento de sites com acesso público em que os usuários fazem buscas pelo Google. Dá para fazer isso com ele? Sim, pois suporta técnicas de SEO só que nesses casos existem outros frameworks mais indicados para isso, como o React, que têm uma vantagem nesse aspecto.

[@henriquebarros8303]

Lucas, já tentou analisar os Frameworks Full Stack no PageSpeed Insight? Teu vídeo despertou minha curiosidade e acabei testando o Ruby on Rails, no qual estou voltando a estudar, e o Phoenix Framework - Elixir, que eu tinha estudado um pouco meses atrás mas dei uma desanimada. OBS.: Pretendo voltar no futuro. Eu citei eles mas são só exemplos. Spoiler sobre o Rails: Está uma delicinha. E com a adição do Turbo Links, uma maravilha

[@o_jeffersoncunhaofc]

Vale lembrar que esses números sempre que você roda ele traz um número diferentes. O ideal sempre é fechar todos os navegadores para deixar o Chrome mais leve para realizar os testes. Fiz muito isso para medir sites que faz injeção de scripts na inicialização usando GTM com WordPress e Elementor. Deixar o site aceitável deu trabalho.

[@cabasmarcelo]

Na verdade ele varia toda vez que roda só na segunda metade da página, que aí são meio que dados de laboratório. A primeira metade é obtida através de dados de campo obtidos pelo Google Chrome, usando dados da API Chrome User Experience Report (CrUX). É uma média móvel dos 28 últimos dias de dados pra cada CWV

[@italo91206]

14:36 Nuxt tá na versão 3 já amigo.

[@The_Erick100]

@Lucas pra começo de conversa nem o pagespeed é aprovado no pagespeed.

[@andre_rocco]

Ao mesmo tempo que é legal ver essas comparações, temos que concordar que algumas das páginas são beeeem diferentes em questão de conteúdo. Tem página tão caidinha que se não tivesse uma boa pontuação o framework realmente estaria pecando muito.

[@natanaelribeiro790]

5:1; Isso quer dizer que frameworks como o Next js que fazem a montagem do site pelo lado servidor provavelmete terá vantagem nesse quesito? (já que carrega mais rapido etc (me corrigem se estiver errado pfv))

[@edu_amr]

Usamos Alpíne em minha empresa em alguns projetos com PHP

[@demostenesbr]

Caraca Lucas Montano do canal Lucas Montano, você montou o moicano pelo ChatGPT? 😅

[@viniciusmorgado9722]

Blz, posso almoçar agora.

[@pedrovictorsaraiva8705]

O novo site para o Angular 17 entra como aprovado já, por mais que tenham que melhorar aspectos como FCP e INP

[@guem1435]

Lucas Montano do canal Lucas Montano, as aulas de membro vão permanecer no canal ? se por acaso eu for membro no futuro posso ver ?

[@elvispalace]

isso depende mas do dev q do próprio dev

[@MagnumWave]

Que vídeo bonito, senhores!.. 😁

[@aleh_Rodrigues]

Vc testou o nuxt 2 e depois o 3 e não o 2 e depois o 1.

[@devmts]

Fala Lucas, beleza? mais uma vez parabéns pelo vídeo, mandou bem demais. Não sei se é você ou o Tony que gerencia os comentários, mas gostaria de sugerir um vídeo novo, sobre sua rotina, já faz um tempo desde o último né? Coisas sobre como você concilia o trabalho de dev e criador de conteúdo, e hobbies. Grande abraço!

[@rafaelhonorato7127]

almoçando lucas montano enquanto assisto a comida

[@phpdotenv]

Alpine é muito usado junto ao Laravel livewire

[@lincontitan9327]

Lucas tenho uma duvida, eu tenho meus dominios no Registro Br e uso meu servidor local como server para hospedagens e afins, e inclusive tudo linkado ao NVM (Nginx Proxy Manager ), estou correndo algum risco?, essa abordagem se mostra inadequada no tocante a acessos ao redor do mundo ?, bom eu sei que meus sites entram e carregam bem rapidin, e os sistemas funcionam perfeitamente mas semprentive essa duvida

[@devinicin]

Aumoço liberado!!! Obrigado pelo almoço Lucas Pica-Pau Montano do Canal Lucas Montano!

[@FAELP22]

Só faltou ter visto aqui o jQuery e o Vanilla JS

[@ricardao069]

bora almoçaaarr

[@elvispalace]

agora eu vou testar no seu site hehe

[@fillipedesenvolvedor6257]

Man obrigado por este conteúdo, vai e já esta me ajudando bastante! por favor traga mais conteúdos assim.

[@lukasoliveira73]

mano, que demais 🚀 Melhor canal pra ficar atualizado

[@schizomaru]

Na verdade, fazer teste de landpage, diz absolutamente nada sobre um framework, afinal de contas, a maior parte dos frameworks não necessários/utilizados pra criar tal página. Por que raios traria a complexidade de um React pra fazer uma página estática?

[@GabrielSantos-fr6uc]

A cada vídeo que passa o topete do Lucas prende mais minha atenção…

[@andreluiz85]

É muito lindo ver uma página completamente estática no pagespeed. O problema é quando tu precisa de conteúdo dinâmico, muitas vezes acessados por uma API de uma plataforma que tu não tem controle nenhum e o cliente quer esses indicadores verdinhos. Aí que a IA chora e o ALU não vê

[@danilopaulinodasilva]

Por isso o Astro vem sendo uma puta alternativa.

[@andreluiz85]

@@danilopaulinodasilva Já tomei esse remédio aí quando tava com infecção de estômago 😂

[@andreluiz85]

@@danilopaulinodasilva mas brincadeira a parte, tava falando das plataformas SaaS, onde tu não escolhe nem a tecnologia que vai usar, tipo vtex, shopify, Magento

[@PlayersHardCoreZ]

Mas, por isso a diferença entre uma página LP com uma página dinâmica com API. Elas possuem responsabilidades diferentes.

[@rodrigosantsilva]

nem fale, esses dias eu recebi uma propaganda mt boa no instagram de uma pasta de amendoim, ai cliquei no anuncio para abrir, fiquei 10s esperando a página carregar (não era problema na minha internet, testei em diferentes wifi), eu deixei de navegar no site só de raiva dessa merda demorando pra carregar.

[@PlayersHardCoreZ]

Não testou o Qwik.js :(

[@tataamaral3962]

E eu que comprei no ali express um pote de 6 reais, paguei mais 3 reais de imposto ao finalizar a compra no app e aí a receita vai e me taxa de novo em mais 10 reais 🥲

[@fillipedesenvolvedor6257]

O cara gosta de falar mal do JavaScript kkkkk, Eu amo ele (O JAVASCRIPT)

[@PaulloClara]

KKKKK

[@carinaarchangelo]

Tinha que ter feito com o Angular 17 que é o mais atual

[@marcelokohl]

Ufa não é propaganda da insider

[@1729patrick]

Demais pia

[@nandoztx_rq]

edita o video botando o martelo "fake natty" pfvr eruaheu

[@marcelomlr]

Orgulhoso do meu vuezinho

[@player-xm9qm]

Que conteúdo massa, e super bem explicado pelo Lucas, da pra perceber que ele se prepara bastante antes de gravar e isso faz toda a diferença na qualidade do vídeo, parabéns.

[@RaPaS3aCk]

A frase é: - Acontece, como a gente Vue! 10:46

[@roneikunkel8625]

htmx vai ser o futuro

[@lucasjales3406]

mano tem framework dms, qual o melhor?

[@lucas-amaral6]

Difícil responder, framework Javascript virou time de futebol.

[@MarceloGilberto-l5o]

VALE A PENA FAZERVUM BUNKER CARA?!

[@samuelfernandes4297]

Alguem poderia me ajudar. alta taxa de acesso e alta taxa de engajamento de pagina no site mesmo não vindo direto do google, ajuda no ranqueamento do site?

[@Pedro-fi5iy]

Elixir é bom?

[@viniciusmorgado9722]

Linguagem funcional com a capacidade de concorrência do golang é a melhor coisa que existe.

[@jorge.barcelos]

Jimmy Neutron da T.I?

[@MarriedGames]

Sobre o nuxt, o que está na raiz é o mais recente, é a v3 hahaha

[@wagnerfernandes8780]

Uso alpinejs na minha main stack, a TALL stack. Produtividade e qualidade.

[@REDIDSoft]

Cara, mas nem todo site de framework tem necessariamente de ser feito com o framework não faria mais sentido fazer a mesma aplicação em cada framework pra verificar

[@RodrigoMissagia]

Cadê o qwik?

[@Renanrr87]

falou do svelte mas cade o sveltekit????????

[@UmGarotoDePrograma-z3b]

Fui testar meu sideproject ficou com 93 pontos. Tá bom!

[@pypees]

Vendo o vídeo, decidi digitar "Core Web Vitals" no Google e... pá... primeiro link é da Hostinger. Dois segundos depois, literalmente 2 segundos, o Lucas Montano do Canal Lucas Montano solta que estava sendo patrocidado pelo Hostinger. Coincidência 🤔? Acho que não...

[@LucasMontano]

Haha Google eh uma máquina de ads

[@pypees]

Não existem coincidências... É o segredo do sucesso hahahahha

[@FelipeCatao]

O meu ta de fora com certeza, o Oct8 é um framework que eu e meu time desenvolveu

[@Lu-Desu]

assistindo lucas montano do canal lucas montano, enquanto crio um site usando PHP de back-end (não sei PHP) KKKKKKKKKKKKKK

[@tavares1574]

Bem mais prático mano, não sei quando o frontend ficou tão burocrático - tá foda 😕

[@Lu-Desu]

@@tavares1574 eu to sofrendo um pouco kkkkkkkk, é literalmente o primeiro contato com PHP q eu tive, inclusive se tiver alguma plataforma pra me recomendar HUSADHUHSUDHSA

[@luizsantos6614]

@@tavares1574 Não sei nem se chega a ser burocracia, o problema ta mais pra cada framework front faz de um jeito, e sempre é "melhor" que o outro.

[@Noritoshi-r8m]

Precisamos de um substituto para Javascript, especialmente falando sobre React, já passou da hora da Meta otimizar essa library cheia de bloat, mas provavelmente pode nem valer a pena pela natureza do proprio Javascript..

[@novawarebr]

Htmx

[@enriquesantosdeoliveira5798]

O react vai ter um compiler daqui a pouco, assim como o vue.js.

[@skroski]

Cara, só que é o angular.dev, o .io é o antigo... mas assim nem medi também... kkkkkk

[@LucasMontano]

Angular.io eh o primeiro retorno do Google para Angular hahah

[@skroski]

O mais engraçado disso é que eles são da mesma empresa do Chrome, portanto vizinhos de equipe do Core Web Vitals... poderia ser melhor!

[@michellarrosa2488]

Nao testou o antigo queridinho jQuery.

[@ianmoraes6369]

cara, daora demais seu conteúdo, mas nas 5 empresas q eu trabalhei isso nunca foi levado em consideração kkkk simplesmente ngm liga, é foda

[@marcelomlr]

Dificilmente isso vai ser uma prioridade, a não ser que a empresa seja focada nisso

[@psychobuds7078]

faltou sveltekit

[@flmendes]

Muito bom!!!! Ficou legal esse tipo de conteúdo e o merchandising ficou legal, parabéns.

[@diogenespasqualoto]

E o topetao do Jimmy Neutron ta no reteio também?

[@daniloflorenzano]

hoje em dia se precisar fazer um front só uso o Blazor, bom demais não usar mais javascript

[@gustanobreza]

E esse moicano Lucas kkkkkkk Tá lançando um estilo novo?🤣😁

[@guimrl]

3:02 min, mão amarela do cigarro

[@nenepira1035]

Tive q fazer alguns web apps, na epoca fiz o back com asp.net core (delicia) e front com react, que vontade de m0rrer, dps q comecei a usar blazor nunca mais olhei pra tras

[@user-be3us2vp8j]

Angular reprovado me pegou.

[@GamesCode]

Lucas Moicano do canal Lucas Moicano

[@brunosallesdev]

Hey bro! Oficial technology pages are often troubly. A accurate teste would be get the best customers of these frameworks. By the way, Microsoft blazor is being more popular month by month.

[@rauk5551]

topete maneiro

[@joaomatheusribeiroalbuquer8192]

Aguardando meu Vue ter as views que ele merece

[@h.r.s.dcosta5923]

If(Lucas montando == tintim, das aventuras do tintim){ Return "parece ahahha" } Else{ Return "não parece" }

[@MarceloGilberto-l5o]

TU PARECE UM FILHO QUE NUNCA TIVE LUCAS TUAS CONCLUSÕES ATUAIS ESTÃO CHEGANDO AO UM NIVEL QUE TIVE NO FINAL DOS ANOS 90. ACEITA CARA. NÓS NÃO SOMOS O FUTURO DA HUMANIDADE AS I.A.S SÃO. ADEUS CARA!

[@gabriel_matoss]

KKKKKKKKKKKKKK CALMA CARA

[@MDKohaku]

Hoje o Lucão tava com cabelo de pintinho amarelinho kkkk

[@HeitorGiacomini]

essa comparação é extremamente sem sentido. você tá comparando as landing pages diferentes, de frameworks difedrentes e inferindo que as landing pages são iguais e que as proprias landing pages são feitas com os frameworks que anunciam.

[@andremacola_]

Engraçado que anúncios do Google são os maiores vilões de performance em sites de notícias

[@codelab-kt]

Eu sinceramente fiquei com pena do pessoal da web vendo o tanto de framework web que existe.

[@cesarbhering2980]

Do nuxt voce fez errado.. a v2 é a versao passada, o site sem "v2" eh a versao atual, que seria a 3.

[@LucasMontano]

faz sentido agora

[@mauricioferreira9865]

Faltou testar o Nuxt 3, que é a versao atual. As versoes 2 e 1 nao recebem mais suporte...

[@JammesWillian]

oh Lucas, onde aprendeu a falar Grego?

[@nofxbuc]

web vitals deixa pra depois, quero saber e esse "topetinho de galinha?" ein ein

[@viniciusalves5351]

Alpine é doideira para pequenos projetos

[@felipearanha564]

bate o martelo e fala: fake fast

[@pugboladao]

Eu acho que o Lucas montano desenvolveu algum script que sai curtindo os comentários dos vídeos dele

[@LucasMontano]

[@nandoztx_rq]

aeeee VUE carai!!!!

[@claudioraphael9892]

Como é bom assistir Lucas Montano no almoço!!

[@matheuspalmieridev]

Timtim da bolha dev

[@Vr_acabou]

Assisindo o luscas montano do canal lucas montando comendo meu arroz feijão, farofa e carne de churrasco pra fazer inveja ao lucas montano do canal lucas montano

[@guem1435]

mano eu fiquei boa parte do video reparando nesse topete perdao SJUHUHA

[@diegolimatavaresursini6359]

Partiu php

[@elviseamancio]

Tiltando 😁 essa expressão é véia

[@oincognita3636]

Fresh