Was sind die Nachteile der Verwendung von PHP zum Erstellen von Variablen in meinem CSS-Stylesheet?

Question

Ein wesentlicher Nachteil von CSS ist, dass man keine Variablen verwenden kann. Ich möchte zum Beispiel Variablen verwenden, um den Speicherort von importiertem CSS zu steuern, und es wäre toll, Variablen für Farben zu erstellen, die in einem Design wiederholt verwendet werden.

Ein Ansatz besteht darin, eine PHP-Datei für das CSS-Stylesheet zu verwenden. Mit anderen Worten, erstellen Sie ein "style.php" mit ...

<?php header("Content-type: text/css"); ?>

... am Anfang der Datei, und verknüpft es mit ...

<link href="style.php" rel="stylesheet" type="text/css" />

... in jeder Datei, die diese Stile verwendet.

Also, was ist der Haken? Ich denke, es könnte Leistung sein - ich habe ein paar schnelle Experimente in Firefox/Firebug gemacht und wie man erwarten würde, ist das CSS-Stylesheet zwischengespeichert, aber das PHP-Stylesheet ist nicht. Also zahlen wir den Preis für ein zusätzliches GET.

Die andere lästige Sache ist, dass TextMate Syntax für CSS in einer .php-Datei nicht richtig hervorhebt.

Gibt es andere Nachteile? Haben Sie diesen Ansatz verwendet, und wenn ja, würden Sie ihn empfehlen?

Answer 1

Leistung ist es ziemlich viel. Es ist eine gute Idee, aber nur, wenn Sie es zwischenspeichern. Sie können Browser-Header senden, um den Client aufzufordern, ihn zu cachen, aber wenn die Leistung ein Problem ist, können Sie davon profitieren, ein System zu entwickeln, mit dem Sie Ihre PHP-fähigen Stylesheets zu normalen CSS-Dateien kompilieren.

Wenn Sie Ihre eigenen Compilation-System von Hand zu rollen, können Sie stattdessen in SASS suchen.

Answer 2

Der Nachteil ist, dass die Datei nicht zwischengespeichert wird (wie Sie darauf hingewiesen haben) sowie die Tatsache, dass der Server die CSS-Datei für jede Anfrage berechnen muss.

Laden der statischen Datei ist ziemlich keine Belastung für den Server, da es nur liest und die Datei ablegt, aber für das PHP-Skript muss es für jede Seitenanforderung ausführen, die zusätzlichen Overhead hinzufügen könnte.

Sie könnten möglicherweise die CSS im Speicher oder Memcache oder so etwas, aber das ist immer noch nicht eine effiziente als nur mit einer statischen Datei.

Warum nicht die Mehrheit Ihrer CSS in einer statischen Datei definieren und dann nur die spezifischen Stile überschreiben, die sich ändern?

Answer 3

Sie sollten weiterhin die entsprechenden HTTP-Header festlegen können, um den Browser anzuweisen, das dynamisch generierte CSS zwischenzuspeichern. Sie können bei der Prüfung der folgenden Google-Code Artikel für weiterführende Literatur zum Thema interessieren:

• Optimize caching: Leverage browser caching

Sie auch in Erwägung ziehen könnten Erzeugen eine statische CSS-Datei von Ihrem Skript, und dann schließen, dass aus Ihr Webdokument. Dies eliminiert die Echtzeit-Vorverarbeitung und damit zusammenhängende Performance-Probleme, wobei die CSS-Dateien bei jeder Änderung "kompiliert" werden müssen.Wenn Sie jedoch bereits minifying CSS oder JavaScript verwenden, können Sie diesen zusätzlichen Schritt einfach zu Ihrem Build-Prozess hinzufügen.

Wie bei der Code-Hervorhebung möchten Sie möglicherweise normale CSS-Dateien mit Variablen anstelle von fest codierten Konstanten verwenden. Dann kann Ihr PHP-Präprozessor die CSS-Datei laden und ersetzt die Variablen für die tatsächlichen Werte.

Answer 4

Nicht genau eine Antwort, aber eine Ergänzung zu @Matchu Antwort.
Hier ist ein Code Sni [et ich vor einigen Jahren verwendet, Sie können von diesem als Basis starten, um Ihre eigene Methode der clientseitigen Caching-Regeln zu entwickeln. Jeder, der das Gefühl hat, dass er das verbessern kann, sei willkommen.

<?php 

//functions to cache HTML output Or JS/CSS output from a PHP script 

class ControlHtmlCache 

{ 

    //Will cache output of a php script on the browser for the giver hours. 

    //Do notice, this will not cahce from now until now+hours, but rather for a rounded time period in the time stamp 

    //For example, If I send 4 it will refresh the cache at approx 3,7,11,15,19,23 (In the summer, it will be 4,8,12....) 

    static function client_side_cache($hours) 

    { 

     //in the event a session start is used, I have to clean all the #$%# headers it sends to prevent caching 

     header('Cache-Control: ',true); 

     header("Pragma: ", true); 

     header("Expires: ", true); 



     //get the If-Modified-Since header in a unix time format 

     $headers = getallheaders(); 

     if (isset($headers['If-Modified-Since'])) 

     { 

      $modifiedSince = explode(';', $headers['If-Modified-Since']); 

      $modifiedSince = strtotime($modifiedSince[0]); 

     } 

     else 

     { 

      $modifiedSince = 0; 

     } 



     //calculate the Last-Modified timestamp 

     $current_time=time(); 

     $last_modified=($current_time)/($hours*3600); 

     $last_modified=(int)$last_modified; 

     $last_modified=$last_modified*$hours*3600; 



     //check cache not expires 

     if ($last_modified <= $modifiedSince) 

     { 

      header('HTTP/1.1 304 Not Modified'); 

      exit(); 

     } 

     else //emit a new Last-Modified (either cache expired or page wasn'r cached 

     { 

      Header('Last-Modified: '.gmdate("D, d M Y H:i:s",$last_modified).' GMT '); 

     } 

    } 

}//EOF class