Wie man einen CSS-Nutzungsanalysator für große WordPress-Websites erstellt

Erstellen Sie eine Anwendung, um die CSS-Nutzung über eine große WordPress-Website mit 1000+ Seiten zu scannen und zu analysieren, ungenutzte Elemente zu identifizieren und Legacy-Regeln zu organisieren, um die CSS-Struktur und -Leistung zu optimieren.

Create your own plan

Learn2Vibe AI

Online

What do you want to build?

Einfache Zusammenfassung

Entwickeln Sie eine Anwendung zur Analyse der CSS-Nutzung über eine große WordPress-Website, um ungenutzte Elemente und potenzielle Legacy-Regeln für die Optimierung zu identifizieren.

Produktanforderungsdokument (PRD)

Ziele:

Entwicklung einer Anwendung zur Analyse der CSS-Nutzung über eine große WordPress-Website
Identifizierung von CSS-Regeln für Elemente, die nicht mehr verwendet werden
Erkennung von CSS, das in ein Legacy-Modul verschoben werden könnte
Optimierung der CSS-Struktur für verbesserte Leistung und Wartbarkeit

Zielgruppe:

Webentwickler und Websiteadministratoren, die große WordPress-Websites verwalten

Schlüsselmerkmale:

Möglichkeit, mehrere Seiten (1000+) einer WordPress-Website zu scannen
CSS-Nutzungsanalyse über HTML- und JavaScript-Dateien
Identifizierung von ungenutzten CSS-Regeln
Vorschlag von Regeln, die in ein Legacy-Modul verschoben werden könnten
Kompatibilität mit modularen CSS-Strukturen

Benutzerflüsse

N/A

Technische Spezifikationen

Informationen sind im Gespräch nicht verfügbar.

API-Endpunkte

N/A

Datenbankschema

N/A

Dateistruktur

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

Implementierungsplan

Einrichten der Projektstruktur und -umgebung
Entwicklung eines WordPress-Connectors für den Zugriff auf Seiteninhalt
Erstellung eines Seitenscanners zur Extraktion von HTML- und JS-Inhalten
Implementierung eines CSS-Regelextraktors aus modularen CSS-Dateien
Entwicklung eines CSS-Nutzungsanalysators zur Identifizierung ungenutzter Regeln
Erstellung von Logik zur Empfehlung von Regeln für Legacy-Modul
Implementierung eines Berichtsmechanismus für Analyseergebnisse
Entwicklung von Unit-Tests für jede Komponente
Durchführung von Integrationstests mit einer Beispiel-WordPress-Site
Optimierung der Leistung für Websites in großem Maßstab
Erstellung von Dokumentation und Nutzungsanweisungen

Bereitstellungsstrategie

Informationen sind im Gespräch nicht verfügbar.

Designbegründung

Die Anwendung ist so strukturiert, dass sie eine WordPress-Website mit modularem CSS in großem Maßstab bewältigen kann. Die Scanner- und Analysatorkomponenten sind getrennt, um die Flexibilität bei der Verarbeitung verschiedener Seitentypen und CSS-Strukturen zu gewährleisten. Der WordPress-Connector stellt die Kompatibilität mit dem erwähnten proprietären System sicher, während der modulare Ansatz eine einfache Erweiterung oder Änderung der Analysekritieren in der Zukunft ermöglicht.