- Navios
- 19 de agosto de 2026 às 17:50 UTC
- Autor
- Kamo
- Enviar
- 849051c
ThemedBackground foi a coisa mais cara deixada na página inicial, e nenhum dos Parecia um insecto. Ele renderizou um cru <img> direto no balde tema, então o navegador recebeu o arquivo fonte intocado — 606, 646 e 585 KB, WebP, em resolução total, num telefone. Nada os redimensionou e nada serviu a AVIF, porque o pedido nunca chegou perto do otimizador de imagem. Nada carregado de preguiçosos. eles ou, e todos os três casos (Características, Preços, Inscrição) montar em hidratação, então cerca de 1,8 MB começou a baixar no momento em que a página estava tentando para se tornar interativo, para três seções que ninguém tinha rolado. E cada quadro foi obtida duas vezes: uma sonda de disponibilidade construiu uma `nova Image()`, esperou que carregar na íntegra, e só então definir o estado que renderizou o elemento real. 'onError' é a ferramenta certa para isso e não custa nada. Através de `next/image` cada um é um AVIF lazily-fetched, de tamanho correto em um URL imutável, e a liquidação é uma transição CSS em vez de um movimento Framer 'animar' no <img>. 'images.qualities' é configurado, que é um pré-requisito em vez de um ajuste botão: Próximo 16 respostas 400 para qualquer qualidade não nessa lista, e a lista padrão para [75] sozinho — por isso `quality={50}` não estava sendo ignorado, teria custado o imagem completamente. A qualidade é agora definida a partir de como cada superfície é realmente composta, medida em vez do que adivinhado. Decodificar ambas as codificações e compará- las * after* filtros: brilho do fundo do herói(.21) 41,1 dB PSNR 0,57% dos pixels diferem por >8/255 → qualidade 50 brilho de fundo temático(.6), escala de cinza 20%, sobreposição radial preta 36,9 dB PSNR 6.60% dos pixels diferem por >8/255 → esquerda em 75 O herói é o elemento LCP e é composto em um quinto de sua luminância, então metade dos bits compram detalhes que nada pode resolver através de tanto preto: 77.7 KB no padrão, 22,0 KB em 50, para uma diferença 0,57% de pixels pode expressar. Os quadros temáticos se sentam sob uma sobreposição muito mais leve, onde o mesmo passo atinge 6,6% — o suficiente para unir uma área lisa do céu através de uma superfície sanguinária. Suas salvar nunca foi o ajuste de qualidade de qualquer maneira; foi o redimensionamento e a preguiça. O quadro poster é medido em vez de assumido. Um fixo w=828 foi três vezes os pixels que a abertura mostra em um telefone, onde está em torno de 370 CSS px; é agora derivado da largura do elemento e da relação de pixels do dispositivo, dispositivo configuradoTamanhos. 26.5 KB → 7.6 KB em um telefone. As duas pré-conexões são dns-prefetch agora. Uma pré- ligação abre uma tomada imediatamente e detém-o, que ganha apenas para uma origem necessária durante o primeira pintura. Com a fotografia temática passando pelo otimizador desta origem, o primeiro pedido do navegador para theme.kamocrm.com é o widget de chat ou o carretel herói, ambos deliberadamente após o evento de carga, e a origem analítica é A mesma história desde que o localizador se mudou para preguiçosoOnload. O farol informou o tema pré-conectar como não utilizado e foi: um socket aberto durante o caminho crítico, Competindo com ele, ocioso até muito tempo depois de fechar. Duas coisas medidas e deliberadamente NÃO mudaram, por isso eles não são re-ligiados: · Uma lista de navegadores segmentando navegadores modernos não remove o 13.5 KB de Polifills bandeiras do farol Objecto. De Entradas/Own, ******************* Eles são. O próprio módulo de polifill, incluído incondicionalmente; com browserslist conjunto, o pedaço contendo construído byte-identical, mesmo hash. Adicionando a configuração que comprovadamente nada faz é o que 'otimizeCss' era. · Excluindo o 90 de 149 componentes que são referenciados em nenhum lugar move o stylesheet de render-bloqueamento por 678 bytes gzip (17,398 → 16,720). Vento de cauda digitalizar arquivos mortos não é o que faz com que o arquivo 17 KB, então uma exclusão de 90 arquivos não pode ser justificado como uma correção de desempenho. Ainda aberto, e não consertável deste repositório: o kamo-chat.js é servido de o balde de tema sem cabeçalho Cache-Control, 143 KB. As listas de reprodução HLS' 300s TTL é deliberada — hero-hls-encode-job.yaml reescreve-os no re-encode — e vale 1 KiB, por isso fica.