Priority hints é uma nova propriedade aguardada para versão 101 do Google Chrome, que indica a prioridade de carregamento de recursos pelo navegador. É uma importante ferramenta para melhorar os números do Core Web Vitals.
Categoria: Web
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
PWAs em 2020
Vamos analisar como andam as Progressive web apps ou PWAs em 2020 e como os acontecimentos atuais impactam nos próximos releases das Web APIs
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
Wordcamp Dublin 2017
Last year I’ve moved to Dublin and had a chance to participate on three WordCamps in Europe. London, Vienna, and Belfast. The last one I did a presentation, was crazy because I replace a speaker 12 hours before the presentation. But in the end was nice the support that the community gives me, and I… Continuar lendo Wordcamp Dublin 2017
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