24 - É possível carregar CSS progressivamente no body! Como o carregamento é sequencial você não precisa se preocupar com o "above the fold". Até onde eu sei isso tá disponível no chrome canary.

Aprendi com Jake Archibald nesse artigo
jakearchibald.com/2016/link-in...

23 - Construir grids com HTML usando .col e .row como no bootstrap aumenta o tamanho do template, adiciona muito mais CSS (pq tem as classes de colunas e media queries) e não tem nenhum benefício em detrimento ao grid. Só usaria se eu não soubesse CSS mas tivesse que escrever.

7 - Na minha opinião não faz sentido usar unidades relativas em media queries. Tu usa vw, o valor do breakpoint vai mudar junto com a tela sempre, tu usa rem sem ter ideia de como vai ficar o layout se o usuário aumentar a fonte.

Pixel. Recomendo ir no pixel.

5 - Prefiram sempre importar os arquivos de fonte no HTML, CSS e fontes precisam ser baixados, ambos tem prioridade 'highest' e a gente não quer que sua fonte pisque com o carregamento

Importe no header e faça o preconnect se o arquivo for externo