Core Web Vitals prestes a ficar muito mais difícil (especialmente no ecossistema JavaScript)
HTML-код
- Опубликовано: 28 окт 2024
- 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...
Tá louco, o Lucas Montano do canal Lucas Montano tá parecendo o Tintim das aventuras do Tintim
Kkkkkkkkkkk
Pior que parece mesmo 😅
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk neh que é true mesmo
Astroboy 😂😂😂
tintin do canal lucas montano kkkk
Virou o Lucas Moicano
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
o link do nuxt que voce testou e que passou é da versao 3 e nao da versao 1
roda o pagespeed insights na home da hostinger pra gente ver? 😅
Failed pra Mobile e Web :/
@@JRRRRRRRRRRR kkkkkk
@@JRRRRRRRRRRR reprovado e agora como confia kkkkkkk
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
o remix é apenas o MELHOR! o resto é resto
@Lucas pra começo de conversa nem o pagespeed é aprovado no pagespeed.
Eu já trabalhei com Alpine.js e gostei bastante. Faz muito sentido para quem precisa de pequenas lógicas de JS no front.
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
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.
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
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
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.
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))
O Angular agora na versão 17 usa o angular.dev. Que foi aprovado, apesar de que, com o INP ruim no mobile
Nuxt tbm está na versão 3, e não na 2 utilizada no vídeo.
Não testou o Qwik.js :(
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.
14:36
Nuxt tá na versão 3 já amigo.
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 ?
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.
Vc testou o nuxt 2 e depois o 3 e não o 2 e depois o 1.
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
bora almoçaaarr
isso depende mas do dev q do próprio dev
almoçando lucas montano enquanto assisto a comida
Caraca Lucas Montano do canal Lucas Montano, você montou o moicano pelo ChatGPT? 😅
Só faltou ter visto aqui o jQuery e o Vanilla JS
Aumoço liberado!!! Obrigado pelo almoço Lucas Pica-Pau Montano do Canal Lucas Montano!
Que vídeo bonito, senhores!.. 😁
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?
Usamos Alpíne em minha empresa em alguns projetos com PHP
O novo site para o Angular 17 entra como aprovado já, por mais que tenham que melhorar aspectos como FCP e INP
O cara gosta de falar mal do JavaScript kkkkk, Eu amo ele (O JAVASCRIPT)
KKKKK
Blz, posso almoçar agora.
falou do svelte mas cade o sveltekit????????
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 🥲
Ufa não é propaganda da insider
agora eu vou testar no seu site hehe
A cada vídeo que passa o topete do Lucas prende mais minha atenção…
Demais pia
VALE A PENA FAZERVUM BUNKER CARA?!
Elixir é bom?
Linguagem funcional com a capacidade de concorrência do golang é a melhor coisa que existe.
Cadê o qwik?
mano tem framework dms, qual o melhor?
Difícil responder, framework Javascript virou time de futebol.
assistindo lucas montano do canal lucas montano, enquanto crio um site usando PHP de back-end (não sei PHP) KKKKKKKKKKKKKK
Bem mais prático mano, não sei quando o frontend ficou tão burocrático - tá foda 😕
@@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
@@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.
A frase é: - Acontece, como a gente Vue! 10:46
mano, que demais 🚀 Melhor canal pra ficar atualizado
Cara, só que é o angular.dev, o .io é o antigo... mas assim nem medi também... kkkkkk
Angular.io eh o primeiro retorno do Google para Angular hahah
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!
aeeee VUE carai!!!!
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!
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
Dificilmente isso vai ser uma prioridade, a não ser que a empresa seja focada nisso
Nao testou o antigo queridinho jQuery.
É 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ê
Por isso o Astro vem sendo uma puta alternativa.
@@danilopaulinodasilva Já tomei esse remédio aí quando tava com infecção de estômago 😂
@@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
Mas, por isso a diferença entre uma página LP com uma página dinâmica com API. Elas possuem responsabilidades diferentes.
edita o video botando o martelo "fake natty" pfvr eruaheu
O meu ta de fora com certeza, o Oct8 é um framework que eu e meu time desenvolveu
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
Fui testar meu sideproject ficou com 93 pontos. Tá bom!
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?
Alpine é muito usado junto ao Laravel livewire
Man obrigado por este conteúdo, vai e já esta me ajudando bastante! por favor traga mais conteúdos assim.
Jimmy Neutron da T.I?
Orgulhoso do meu vuezinho
Tinha que ter feito com o Angular 17 que é o mais atual
E o topetao do Jimmy Neutron ta no reteio também?
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
faltou sveltekit
If(Lucas montando == tintim, das aventuras do tintim){
Return "parece ahahha"
} Else{
Return "não parece"
}
E esse moicano Lucas kkkkkkk
Tá lançando um estilo novo?🤣😁
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.
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..
Htmx
O react vai ter um compiler daqui a pouco, assim como o vue.js.
web vitals deixa pra depois, quero saber e esse "topetinho de galinha?" ein ein
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!
KKKKKKKKKKKKKK CALMA CARA
htmx vai ser o futuro
Hoje o Lucão tava com cabelo de pintinho amarelinho kkkk
Muito bom!!!! Ficou legal esse tipo de conteúdo e o merchandising ficou legal, parabéns.
3:02 min, mão amarela do cigarro
Lucas Moicano do canal Lucas Moicano
Sobre o nuxt, o que está na raiz é o mais recente, é a v3 hahaha
Eu sinceramente fiquei com pena do pessoal da web vendo o tanto de framework web que existe.
oh Lucas, onde aprendeu a falar Grego?
Lucas Montano ta tiltado!! 😂
topete maneiro
bate o martelo e fala: fake fast
O meu site nem carrega as info kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
hoje em dia se precisar fazer um front só uso o Blazor, bom demais não usar mais javascript
Aguardando meu Vue ter as views que ele merece
Tiltando 😁 essa expressão é véia
Eu acho que o Lucas montano desenvolveu algum script que sai curtindo os comentários dos vídeos dele
Timtim da bolha dev
Do nuxt voce fez errado.. a v2 é a versao passada, o site sem "v2" eh a versao atual, que seria a 3.
faz sentido agora
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.
Engraçado que anúncios do Google são os maiores vilões de performance em sites de notícias
mano eu fiquei boa parte do video reparando nesse topete perdao SJUHUHA
Na minha humilde opinião, IAs nunca vão conseguir substituir mecânicos de pesquisa como google
Opa… eu com 41 anos ainda falo tiltando, e chamo os amigos de brother, isso mudou desde 1995? 😂
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...
Haha Google eh uma máquina de ads
Não existem coincidências...
É o segredo do sucesso hahahahha
será que toda página desses web frameworks são feitas com a própria tecnologia? kkkkkkk
O Flutter que não foi citado no vídeo foi reprovado. 🤡
Lucas calvano 2024 😭
Fresh
Como é bom assistir Lucas Montano no almoço!!