Minimierung von HTML und CSS-JS-Dateien online

Минимизация HTML кода и CSS-JS файлов на сайте

HTML (Markup Language aus dem englischen Hyper Text -. «Hypertext Markup Language") - eine standardisierte Auszeichnungssprache Dokumente im World Wide Web. Die meisten Web-Seiten enthalten eine Beschreibung der Auszeichnungssprache HTML (oder XHTML). HTML-Sprache wird von Browsern interpretiert; die sich aus der Interpretation des formatierten Textes auf einem Computerbildschirm oder einem mobilen Gerät angezeigt.

Sprache HTML ist eine Anwendung von SGML (Standard Generalized Markup Language) und entspricht der internationalen Norm ISO 8879. Sprache XHTML ist eine strengere Version HTML, XML, folgt er alle Einschränkungen und in der Tat kann XHTML als eine Anwendung von XML auf das Gebiet der Hypertext Markup gesehen werden. Das World Wide Web HTML-Seiten sind in der Regel aus dem Browser über HTTP oder HTTPS-Server im Klartext oder mit Verschlüsselung übertragen.

Der wichtigste Teil der Optimierung vebresursa seit langem eine Minimierung von HTML und CSS-JS-Dateien werden an den Browser gesendet wird, wenn die Website besuchen. Sie können alle, HTML-Code-Seiten, CSS-Dateien und JS-Dateien komprimieren. Diese Maßnahmen können erheblich die Größe des resultierenden Code zu verringern, und eine kleine Geschwindigkeit der Beladung des Aufstellungsortes auf. Minimierungs ist durch zusätzliche Leerzeichen, Tabs zu entfernen, und Leerzeilen. Sagen Sie uns, wie sich dies auf ihren Websites "on the fly" durchgeführt werden.

Die Minimierung HTML-Code

Минимизация HTML кода и CSS-JS файлов на сайте

Werfen Sie einen Blick auf den Quellcode dieser Seite zu sehen, wie es als Ergebnis aussehen wird. Wie Sie sehen können, fast alle HTML-Code der Seite wird nicht und "in einem Haufen zusammengebaut" formatiert (warum "fast" weiter unten diskutiert wird).

Es wird mit Hilfe von zwei kleinen Einsätzen PHP-Code realisiert, die die am häufigsten verwendeten regulären Ausdrücke verwendet.

Der erste Teil sollte an den Anfang des Quellcodes Ihrer Website (dh kurz vor dem <! DOCTYPE ...>) eingefügt:

 <? Php
 / *
 * HTML-Minimierung
 * /
 ob_start ();
 ?>

Ein zweiter Teil, in Gegensatz dazu muss in das Ende des Quellcodes einer Stelle inseriert werden, d.h. nach </ body> tag:

 <? Php / * * HTML-Minimierung * / $ out = ob_get_clean ();  $ Out = preg_replace ( '/ ([^ <] * <\ / pre>) [\ n \ r \ t] + / ?! "," \ n ", $ out);  $ Out = preg_replace ( '/ {2,} /', '', $ out);  $ Out = preg_replace ( '/> [\ n] + /', '>', $ out);  echo $ aus;  ?> 

Wichtig: In diesem Fall addiert die Inhalte des Pre - Tag zu einer Ausnahme, das heißt, nicht minimiert, ist es für die korrekte Darstellung der Codebeispiele erforderlich.

Was ist mit den angeschlossenen JS und CSS - Dateien, sowie deren Aufnahme in den Code, der jeweils in den Tags <script> </ script> und <style> eingefügt werden </ style>, nicht minimiert (Sie können es in den Quell Seiten des Blogs sehen kann).

Ich würde mich freuen, wenn jemand in den Kommentaren Ihnen sagen, wie man richtig, diesen Mangel zu begegnen, ohne die Leistung des Skripts zu brechen.

Minimierung der CSS-Dateien und JS-Dateien mit Minify

Минимизация HTML кода и CSS-JS файлов на сайте

Zu diesem Zweck ist eine wunderbare kostenlose Tool Minify . Diese PHP-Anwendung, die in einem separaten Ordner auf der Website und durch die bestanden alle notwendigen Dateien platziert wird.

Sie können als separate Dateien, und Gruppe mehrerer Dateien in eine zu minimieren, wodurch die Anzahl der Server-Anfragen zu reduzieren.

Schließen Sie es einfach:

  • Kopieren Sie den Ordner / min / in der Wurzel Ihrer Website.
  • Öffnen Sie die Datei in einem Texteditor /min/config.php, und in der Zeile $ min_enableBuilder = false; ändern falsch wahr.
  • Wir gehen auf die Adresse http: // your_site / min / Builder / und den Benutzernamen und Kennwort admin eingeben. Öffnen Werkzeug für Links zu Dateien, die durch ein Minimierungsgeben werden.
  • Geben Sie den relativen Pfad zu der gewünschten Datei, drücken Sie die «Aktualisieren» und Links zu minimierten Version.
  • Sobald empfangen, alle notwendigen Links, es besser ist, den Zugang zu den Builder zu schließen. Damit dies config.php $ min_enableBuilder zurück wahr in Linie auf false zu ändern = true; .

Wenn Sie mehrere Dateien des gleichen Typs haben, empfehle ich , die Gruppe zu verwenden (diese bearbeitet /min/groupsConfig.php - Datei). In bildere, und in dieser Datei zeigt Beispiele dafür, wie mehrere CSS oder JS-Dateien zu kombinieren. By the way, auch wenn Sie nur eine Datei, und Sie wollen, während der Weg, um es zu minimieren verkürzen, dann können Sie auch Gruppierung verwenden.

Zum Beispiel:

  • Die Originaldatei - http://www.shram.kiev.ua/templates3/css/style.css
  • Gruppieren groupsConfig.php:
     return array (
      'Style.css' => array ( '// templates3 / css / style.css'),
     );
    
  • Ergebnis - http://www.shram.kiev.ua/min/f=/templates3/css/style.css

Es ist ein weiteres Merkmal Minify, die jemand braucht. Auf einigen Servern korrekt arbeiten Sie .htaccess - Datei (die im Ordner / min /) zu entfernen , die # (Kommentarzeichen) in der Zeichenfolge #RewriteBase / min bis Minimizer benötigen. RewriteBase Richtlinie legt die Basis-URL für Reformen im Rahmen des Katalogs.

Via dimox.name & Wiki