Wie kann ich nicht verwendete Bilder und CSS von meiner Website identifizieren und entfernen?

Identifizieren nicht verwendeter Bilder und CSS-Stile auf einer Website

Das Auffinden ungenutzter Ressourcen auf einer Website kann eine mühsame Aufgabe sein, ist aber für die Optimierung unerlässlich Leistung und Minimierung der Dateigröße Ihres Website.

Bilder:

Eine Möglichkeit, nicht verwendete Bilder zu identifizieren, ist die Funktion „Audits“ von Google Chrome. Indem Sie die DevTools (F12) öffnen und zur Registerkarte „Audits“ navigieren, können Sie eine „Barrierefreiheits-Best Practices“-Prüfung durchführen, bei der nicht verwendete Bilddateien identifiziert werden.

CSS:

Chrome ab Version 59 bietet auch die Funktionen „CSS-Code-Abdeckung“ und „JS-Code-Abdeckung“. Mithilfe dieser Funktionen können Sie analysieren, welcher CSS- und JavaScript-Code tatsächlich auf Ihrer Website ausgeführt wird. Alle nicht verwendeten CSS-Deklarationen oder ID-/Klassenselektoren können identifiziert und entfernt werden.

Zusätzliche Tools:

Es stehen auch Tools von Drittanbietern zur Verfügung, um ungenutzte Ressourcen in Ihrem zu erkennen Website.

• Lighthouse: Ein automatisiertes Webanalysetool, das ein „unbenutztes CSS und JS“ enthält. Prüfung.
• Web Developer-Browsererweiterung: Bietet eine Funktion „CSS nicht verwendet“, die nicht verwendete CSS-Selektoren anzeigt.
• CSS Profiler-Lesezeichen: Ein einfaches Tool, das eine Liste nicht verwendeter CSS-Regeln generiert.

Durch die Verwendung dieser Methoden können Sie den Overhead von erheblich reduzieren ungenutzte Bilder und CSS-Stile, was zu einer schnelleren und effizienteren Website führt.

Das obige ist der detaillierte Inhalt vonWie kann ich nicht verwendete Bilder und CSS von meiner Website identifizieren und entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!