# Guia de Performance Web — Padrões Recomendados para a V2
Este guia consolida as boas práticas de performance, acessibilidade e segurança aplicadas ao CMS V2,
servindo como referência obrigatória para todo novo desenvolvimento.
---
## 1. Carregamento de Scripts
### 1.1. Estratégia
| Estratégia | Quando usar | Exemplo |
|------------|-------------|---------|
| `defer` | **Padrão para todo script que manipula DOM** | `
```
### 1.3. Unificação de DOMContentLoaded
NUNCA crie múltiplos listeners `DOMContentLoaded` no mesmo documento. Agrupe toda a lógica de
inicialização em um ÚNICO bloco:
```javascript
document.addEventListener('DOMContentLoaded', function() {
// 1. Estado da UI (sidebar, tema, etc.)
// 2. Inicialização de componentes (tooltips, flatpickr, etc.)
// 3. Event listeners (busca, formulários, etc.)
// 4. Acessibilidade (controle de fonte, contraste, etc.)
});
```
---
## 2. Resource Hints
### 2.1. Ordem recomendada no ``
```html
...
```
### 2.2. Quando usar cada hint
| Hint | Propósito | Uso |
|------|-----------|-----|
| `preconnect` | Estabelece conexão TCP+TLS antecipada | CDNs, APIs third-party |
| `dns-prefetch` | Resolve DNS antecipadamente | Fallback para preconnect |
| `preload` | Recurso crítico desta página (alta prioridade) | Fontes, hero images, CSS crítico |
| `prefetch` | Recurso da próxima navegação (baixa prioridade) | Próxima página |
---
## 3. CSS Delivery
### 3.1. CSS Crítico vs. Não-Crítico
| Tipo | O que é | Como carregar |
|------|---------|---------------|
| **Crítico** | CSS necessário para renderizar o conteúdo acima da dobra | Inline no `` dentro de `