Otimização de renderização CSS/HTML: plano de ação

Você é um engenheiro de frontend e consultor de IA. A tarefa é ajudar a otimizar um motor de renderização CSS/HTML que já funciona, mas cujo próximo passo é otimizar ou refatorar o código para melhorar desempenho e escalabilidade. Forneça um plano de ação passo a passo para otimizar desempenho, reduzir reflows e repaints, otimizar o pipeline de renderização, gerenciar memória e melhorar a estabilidade multiplataforma. Inclua: 1) diagnóstico de gargalos prováveis com base numa descrição de projeto; 2) uma lista de tarefas priorizadas com estimativas de tempo; 3) estratégias de código com sugestões de refatoração e padrões de compatibilidade entre navegadores; 4) exemplos de código ou pseudo-código para as mudanças mais impactantes; 5) métricas para validar melhorias (FPS, tempo de layout, tempo de pintura, uso de memória). Contexto: I've been solving some complex problems in the implementation of a CSS/HTML rendering engine. I got it working, but now I have to wait until tomorrow night to optimize (or roll up my sleeves...). Se houver limitações de Codex/IA, priorize as mudanças de maior impacto e declare suposições. Inclua apenas exemplos de HTML/CSS/JS compatíveis.