Como construir um analisador de uso de CSS para grandes sites WordPress

Crie uma aplicação para digitalizar e analisar o uso de CSS em um grande site WordPress com mais de 1000 páginas, identificando elementos não utilizados e organizando regras herdadas para otimizar a estrutura e o desempenho do CSS.

Create your own plan

Learn2Vibe AI

Online

What do you want to build?

Resumo Simples

Desenvolver uma aplicação para analisar o uso de CSS em um grande site WordPress, identificando elementos não utilizados e possíveis regras herdadas para otimização.

Documento de Requisitos do Produto (PRD)

Objetivos:

Desenvolver uma aplicação para analisar o uso de CSS em um grande site WordPress
Identificar regras de CSS para elementos que não estão mais em uso
Detectar CSS que poderia ser movido para um módulo herdado
Otimizar a estrutura do CSS para melhorar o desempenho e a manutenibilidade

Publico-alvo:

Desenvolvedores web e administradores de sites que gerenciam grandes sites WordPress

Recursos-chave:

Capacidade de digitalizar várias páginas (1000+) de um site WordPress
Análise de uso de CSS em arquivos HTML e JavaScript
Identificação de regras de CSS não utilizadas
Sugestão de regras que poderiam ser movidas para um módulo herdado
Compatibilidade com estruturas de CSS modulares

Fluxos de Usuário

N/D

Especificações Técnicas

Informação não disponível na conversa.

Endpoints da API

N/D

Esquema do Banco de Dados

N/D

Estrutura de Arquivos

css-analyzer/
├── src/
│   ├── scanner/
│   │   ├── page_scanner.py
│   │   └── css_analyzer.py
│   ├── utils/
│   │   ├── wp_connector.py
│   │   └── file_handler.py
│   └── main.py
├── tests/
│   ├── test_scanner.py
│   └── test_utils.py
├── config/
│   └── settings.yml
├── requirements.txt
└── README.md

Plano de Implementação

Configurar a estrutura do projeto e o ambiente
Desenvolver o conector WordPress para acessar as páginas do site
Criar um digitalizador de páginas para extrair o conteúdo HTML e JS
Implementar o extrator de regras de CSS dos arquivos de CSS modulares
Desenvolver o analisador de uso de CSS para identificar regras não utilizadas
Criar lógica para sugerir regras para o módulo herdado
Implementar um mecanismo de relatório para os resultados da análise
Desenvolver testes unitários para cada componente
Realizar testes de integração com um site WordPress de amostra
Otimizar o desempenho para sites em larga escala
Criar documentação e instruções de uso

Estratégia de Implantação

Informação não disponível na conversa.

Justificativa do Design

A aplicação é estruturada para lidar com um site WordPress em larga escala com CSS modular. Os componentes de digitalização e análise são separados para permitir flexibilidade no processamento de diferentes tipos de páginas e estruturas de CSS. O conector WordPress garante a compatibilidade com o sistema proprietário mencionado, enquanto a abordagem modular permite a expansão ou modificação fácil dos critérios de análise no futuro.