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.
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 a nossa aplicação. Imagine você quer criar um Timer que irá contar somente quando o componente estiver sendo exibido na tela. React JS Desenvolver aplicações web pode ser uma tarefa complicada, especialmente quando se trata de criar… Continuar lendo Ciclo de vida de um componente react
Wordcamp Dublin 2017
Last yearIe moved to Dublin and had a chance to participate in 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, it 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… 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 um padrão de conversão e buscando implementações menores em pequeno prazo. Lembrando que esses recursos nem todos os browsers rodam, o ideal é utilizar uma ferramenta para compilar o seu código para browsers antigos, um dos mais utilizados é o Babel, ele… Continuar lendo Variáveis e funções com ECMAScript 2015