So reinigen Sie redundante CSS-Stile

CSS (Cascading Style Sheets) ist ein großartiges Werkzeug, um Webcode zu trennen. Leider nachdem zahlreiche Änderungen und Erweiterungen zu Web-Seiten vorgenommen wurden, kann das CSS-Stylesheet größer, und eine Website, die Ladegeschwindigkeit verlangsamen. Dies wird in der Regel durch ungenutzte Selektoren, unerwünschte Tabulatoren und Leerzeichen, unter anderem verursacht. Glücklicherweise gibt es viele, von die einige anfügen direkt auf Ihrem Web-Browser, verwendete Tools zu redundanten Code säubern und optimieren Sie Ihre CSS-Code. Die meisten dieser Tools können kostenlos heruntergeladen werden.

Anweisungen

1 Überprüfen Sie Ihre CSS-Code, indem läuft es durch ein CSS-Validator. CSS-Validatoren können online heruntergeladen werden oder online benutzt werden können. Um die online-Version zu verwenden, geben Sie den URI (Uniform Resource Identifier) oder die Adresse der Webseite auf die bereitgestellte Schnittstelle einfach und klicken Sie auf "Überprüfen", um Ihre CSS-Code zu überprüfen. Ressource 1 sehen Sie ein Beispiel CSS Validator.

2 Führen Sie den Code durch eine CSS-Reiniger für redundante CSS-Code überprüfen. Sie können eine Browser-Erweiterung downloaden oder eine online-Version eines CSS Reiniger verwenden. Webseiten können einzeln oder zusammen mithilfe der Optionen getestet werden. Für eine saubere CSS-Beispiel siehe Ressource 2.

3 Optimieren Sie und komprimieren Sie Ihre CSS-Code, um die Größe verringern und verbessern Sie Ihre Webseite Geschwindigkeit und Effizienz. CSS-Optimierer und Kompressoren weiter schauen für unnötige Kommentare und Leerzeichen, während einige Teile des Codes in Kurzform ändern. Einige dieser Tools kann den Code um ca. 30 % oder mehr reduzieren. Ein Beispiel finden Sie in der Resource-3.

4 Führen Sie den gesamten Prozess wieder mit völlig verschiedenen Werkzeugen zu reinigen-Stile, die ausgelassen wurden und weiter verkleinern Sie Ihre CSS-Code.

5 Überprüfen und Reinigen von anderen Web-Seiten zur weiteren Verbesserung die Geschwindigkeit der CSS-Code. Da CSS-Code auch in HTML-Seiten funktionieren, überprüfen Sie und reinigen Sie diese HTML-Seiten, die Ihre CSS-Code zugeordnet.

Tipps & Warnungen

• Sie müssen nach der Überprüfung Ihrer CSS-Codes, führen Sie es für Störungen. Validierung CSS-Code bedeutet einfach, dass es W3C Standards entspricht, aber dennoch Fehler enthalten.
• Einige CSS-Reiniger und Validatoren bieten zusätzliche Optionen wie Farbe und Schriftschnitt Komprimierung oder Zusammenführen von Eigenschaften. Stellen Sie sicher, dass Sie eine Sicherungskopie der CSS-Code für ein Rollback zu erstellen, für den Fall, dass wichtige CSS-Stile entfernt werden.
• Wenn Sie Websites und CSS-Code testen regelmäßig entwickeln, installieren Sie, Browser CSS Validators um steigern Ihre Produktivität und sparen Zeit.