Comment créer un analyseur d'utilisation CSS pour les grands sites Web WordPress

Créez une application pour analyser l'utilisation du CSS sur un grand site Web WordPress avec plus de 1000 pages, identifier les éléments inutilisés et organiser les règles obsolètes pour optimiser la structure et les performances du CSS.

Create your own plan

Learn2Vibe AI

Online

What do you want to build?

Résumé Simple

Développer une application pour analyser l'utilisation du CSS sur un grand site Web WordPress, identifier les éléments inutilisés et les règles potentiellement obsolètes pour l'optimisation.

Document d'Exigences Produit (PRD)

Objectifs :

Développer une application pour analyser l'utilisation du CSS sur un grand site Web WordPress
Identifier les règles CSS pour les éléments qui ne sont plus utilisés
Détecter le CSS qui pourrait être déplacé vers un module hérité
Optimiser la structure CSS pour améliorer les performances et la maintenabilité

Public cible :

Développeurs Web et administrateurs de sites gérant de grands sites Web WordPress

Principales fonctionnalités :

Capacité de scanner plusieurs pages (1000+) d'un site Web WordPress
Analyse de l'utilisation du CSS dans les fichiers HTML et JavaScript
Identification des règles CSS inutilisées
Suggestion de règles qui pourraient être déplacées vers un module hérité
Compatibilité avec les structures CSS modulaires

Flux Utilisateur

N/A

Spécifications Techniques

Informations non disponibles dans la conversation.

Points de Terminaison API

N/A

Schéma de Base de Données

N/A

Structure de Fichiers

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

Plan de Mise en Œuvre

Configurer la structure du projet et l'environnement
Développer le connecteur WordPress pour accéder aux pages du site
Créer un scanner de pages pour extraire le contenu HTML et JS
Implémenter l'extracteur de règles CSS des fichiers CSS modulaires
Développer l'analyseur d'utilisation CSS pour identifier les règles inutilisées
Créer une logique pour suggérer des règles pour le module hérité
Mettre en œuvre un mécanisme de reporting pour les résultats de l'analyse
Développer des tests unitaires pour chaque composant
Effectuer des tests d'intégration avec un site WordPress d'exemple
Optimiser les performances pour les sites à grande échelle
Créer de la documentation et des instructions d'utilisation

Stratégie de Déploiement

Informations non disponibles dans la conversation.

Justification de la Conception

L'application est structurée pour gérer un site Web WordPress à grande échelle avec un CSS modulaire. Les composants de scanner et d'analyseur sont séparés pour permettre la flexibilité dans le traitement des différents types de pages et de structures CSS. Le connecteur WordPress assure la compatibilité avec le système propriétaire mentionné, tandis que l'approche modulaire permet une expansion ou une modification facile des critères d'analyse à l'avenir.