O artigo de hoje conta com uma ferramenta sensacional, eu acredito que seja aquele vento que precisava para sua pipa ou web app voar.
Hoje uma boa parte das pessoas que acessam sites, fazem pelo celular em todo lugar. Um dos motivos do mobile first ser usado. Mas calma calma calma, eu não vou falar disso nem de metodologia de css. Então segure firme na moto porque ela vai dar uma acelerada!
AMP (Accelerated Mobile Pages)
É uma tecnologia que já foi lançada a 2 anos, mas, e é muito delicinha usar. Ler mais....
Basicamente ela melhora e deixa o carregamento da página maior em dispositivos móveis, por minimizar o tamanho da página web e ela tem uma integração especial com o next.
Você pode configurar globalmente:
/** @type {import('next').NextConfig} */
module.exports = {
reactStrictMode: true,
basePath: "/chr",
**amp**: true,
}
ou até pode cada página:
Usar este recurso aumenta cerca de 42% em desempenho mas, rejeita next e react no lado do cliente, mas vai usar os recursos do AMP.
Mas aí que está, a gente não pode usar o next no lado do front end, nem outros componentes next sem amp. Mas a gente pode usar o next no servidor com ssg ou ssr. Recomendo ssg por dar maior desempenho em armazenar o html em caches na cdn.
Isso é muito legal, principalmente saber quando usar essa combinação para proporcionar uma melhor experiência para os usuários. Se quiser comentar mais sobre isso, está livre na área de comentários.
Top comments (0)