Core web vitals em 2022

As Core web vitals são as métricas criadas para medir a performance do seu site conectada com a experiência do usuário. Elas incluem elementos como tempo de carregamento do maior elemento da página, estabilidade visual e tempo de interação. Quais são as métricas do core web vitals? Core web vitals possuem três métricas, LCP(Largest contentful… Continuar lendo Core web vitals em 2022

Lighthouse 6.0

Lighthouse para quem não conhece ele é o sistema de auditorias de performance, acessibilidade, SEO e PWA dentro do Chrome Dev tools. Também com a possibilidade de instalação no Firefox através de extensão e com NPM. Nesse mês de maio foi anunciado a versão 6.0 do Lighthouse, que estará disponível na versão 84 do Chrome.… Continuar lendo Lighthouse 6.0

Introdução a Service Worker

Nesse posts vamos falar sobre service worker é um dos recursos-chave dentro das Progressive web Apps vamos entender como ele funciona e o seu ciclo de vida. Para quem ainda não viu, estou gravando uma série sobre PWA no meu canal do youtube, até o momento tenho mais de 12 aulas gravadas também estou adicionando… Continuar lendo Introdução a Service Worker

Ciclo de vida de um componente react

Ciclo de vida de um componente react, um recurso importante dentro do React onde temos maior controle sobre nossa aplicação. Imagine você quer criar um Timer que irá contar somente quando o componente estiver sendo exibido na tela. Qual seria o evento que poderíamos incluir caso o componente fosse removido da tela?  React nos fornece… Continuar lendo Ciclo de vida de um componente react

Feeding Google Search – Structure data

Content is one of the keys to the success on the internet, categorizing your content makes it more visible to the search engines and structure data will be your best friend to do it. This simple action could make you a step forward in the competitive market.  On 2011, Google, Bing and Yahoo launched an initiative called Schema.org,… Continuar lendo Feeding Google Search – Structure data

Eventos com React

Nesse post iremos ver como trabalhar eventos com react. O React é uma biblioteca JavaScript para criar interfaces de usuário. Ele foi criado pelo Facebook e é utilizado por muitas empresas, como Netflix, Airbnb e Imgur. O React tornou-se popular por sua abordagem de componentes reutilizáveis ​​e o seu modelo de dados unidirecional. Eventos são… Continuar lendo Eventos com React

Variáveis e funções com ECMAScript 2015

ECMAScript 2015 é nova especificação do JavaScript antes chamado de ECMAScript 6, por uma padrão de conversão e buscando implementações menores em pequeno prazo. Lembrando que esses recursos nem todos os browser rodam, o ideal é utilizar uma ferramenta para compilar seu código para browsers antigos, um dos mais utilizados é o Babel, ele possui… Continuar lendo Variáveis e funções com ECMAScript 2015