Ct.css - snippet CSS para análise de desempenho

 (github.com/csswizardry)
10 pontos por xguru 2021-10-03 | 1 comentários | Compartilhar no WhatsApp
  • Adicionar ct.css no <head> faz a ferramenta verificar problemas
    → vermelho: precisa de correção
    → laranja: pode haver um problema
    → verde: sem problema; apenas informação
    → linha contínua: este arquivo é o arquivo com problema
    → linha pontilhada: outro arquivo está causando o problema
  • Se você salvar isso como um snippet nas Ferramentas de Desenvolvedor do Chrome, poderá verificar em qualquer página
(function(){  
 var ct = document.createElement('link');  
 ct.rel = 'stylesheet';  
 ct.href = 'https://csswizardry.com/ct/ct.css';  
 ct.classList.add('ct');  
 document.head.appendChild(ct);  
}());

Leituras relacionadas

1 comentários

 
joyfui 2021-10-03
<p>Uau, que jeito engenhoso. Usar stylesheet para verificar, quem diria...</p>