Absolute oder relative Pfade in Templates

Hallo,

ich würde gerne eine kleine Umfrage starten. Vielleicht habt ihr Lust mit zu machen.

Es geht um die Einbindung von CSS und JavaScript-Dateien auf der Basis von relativen oder absoluten Pfaden in Templates.

Erläuterung:
Bisher habe ich meine CSS- & JS-Dateien immer mit Hilfe von absoluten Pfaden eingebunden. Es gibt da eine praktische Funktion, die man nutzen kann:

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/meine-datei.js"></script>

Auf diese Weise muss ich mich gar nicht um die URL der Seite kümmern, nur um die Namen der Verzeichnisse & Dateien innerhalb meines Templates.

Der Nachteil an dieser Verfahrensweise ist ein PHP-Aufruf, der, wenn er oft genutzt wird, zu Performance-Einbußen führt. ich möchte meine Temapltes so performant wie möglich gestalten und unnötige PHP-Aufrufe nach vermeiden. Ich habe mich daher entschieden die absoluten Pfade händisch zu setzen.

<script type="text/javascript" src="http://www.mysite.com/wp-content/themes/supertheme/js/meine-datei.js"></script>

Das ist soweit auch ok.
Der Nachteil an dieser Lösung ist, dass ich bei einem neuen Projekt (und ich habe davon einige) immer wieder diese Pfade anpassen muss.
Ich würde mir das gerne ersparen und da ich ein eigenes Theme habe, verändert sich der Name auch nicht. Die Pfade zu den Dateien würden so in jedem Projekt ohne erneute Anpassung funktionieren.

Wenn ich den Pfad also relativ setze:

<script type="text/javascript" src="/wp-content/themes/supertheme/js/meine-datei.js"></script>

brauche ich ihn eigentlich bei dem nächsten Projekt nicht mehr anpassen.

Ich bin mir nicht sicher, ob ich mit dieser Entscheidung richtig liege und ob es vielleicht ein paar Gründe gibt, warum ich besser nicht mit relativen Pfaden arbeite.

Wie sind da eure Erfahrungen?

Mich interessiert, wie ihr es macht und was ihr empfehlen könnt. Welche Vor- & Nachteile hat die eine oder andere Vorgehensweise.

Schon mal danke für eure Aufmerksamkeit! :)

Hi hero-master,

danke für deine Anregungen.

Ja, ich denke auch, dass es bei normalen Projekten keine Frage der Performance ist und das der Weg über PHP eine taugliche Lösung ist. Es ist ja auch das, was in den meisten Themes zum Einsatz kommt.

Bei einem meiner Projekte wird es sich höchstwahrscheinlich bald dahingehend entwickeln, dass es mehrere tausend Besucher am Tag gibt, deshalb setze ich mich jetzt schon mit der Thematik auseinander.

Hinzu kommt, dass ich gerade an einem Wordpress-Theme arbeite, welches ich für ein Projekt einsetzen möchte, bei dem es sein kann, dass ich die gleiche Wordpress-Installation 20 Mal einsetze, immer mit dem selben Template. (Es handelt sich dabei um eine Art Franchaise Website.) Da möchte ich dann so wenig wie möglich anpassen müssen und selbst 5 Minuten an der header.php zu arbeiten, möchte ich mir nach Möglichkeit ersparen.

In diesem Kontext ist meine Idealvorstellung:
- optimale Performance
- maximal mögliche Flexibilität
- minimaler Aufwand

Mein langfristiges Ziel ist es ein Theme zu entwickeln, welches ich für alle meine Projekte verwenden kann. Ich möchte dann bei Bedarf nur Bilder und CSS-Dateien sowie JavaScripte ändern müssen und an einigen Stellen in den Template-Dateien Variablen verändern.

Danke für den Hinweis zur functions.php, dass werde ich mir mal in Ruhe anschauen und abwägen.

Ergänzung:
Nachdem ich mich nun etwas in die Thematik eingelesen habe, habe ich festgestellt, dass sich die Frage nach der Performance von Templates bzw. Wordpress wohl eher an anderer Stelle stellt und das es bei der Einbindung von CSS- und JavaScript-Dateien wohl eher darauf ankommt, eine saubere Lösung zu finden, besonders wenn die Komplexität der Templates steigt.

Ich werde meinen Fokuss also besser auf die Vereinfachung meiner Templates richten und bei der Einbindung von CSS- & JavaScript-Dateien die Wordpress-Bordmittel benutzen.

Hier ein interessanter Artikel zu dem von dir erwähnten Thema:
http://scribu.net/wordpress/optimal-script-loading.html
(Die erste hier vorgestellte Lösung ist wohl für Templates am ehesten interessant.)

Danke für die Links. :)

Digging into Wordpress habe ich schon vor einigen Tagen entdeckt und bin total begeistert von der Seite. Vorher gab es ja perishablepress.com als Quelle vieler dieser Tipps, die man dort findet.
Die Seite wpengineer.com ist auch sehr gut.

Meine functions.php ist in den letzten Wochen beachtlich gewachsen, denn es gibt richtig viel nützliche Dinge, die man damit machen.
Ich habe mir so zum Beispiel ein kleines extra Admin-Interface (via Dashboard Widget) gebaut, was ich nun in allen Wordpress-Projekten (entsprechend angepasst) verwenden werde. Zum Beispiel direkte Links zu den wichtigsten Funktionen und Links zu den zuletzt bearbeiteten Seiten und Artikeln. Das macht Wordpress noch mehr zum voll funktionsfähigen CMS.

Zur functions.php und den Pfaden:
Ich habe inzwischen auch alle CSS und JS-Aufrufe aus meinen Templates in die functions.php ausgelagert, dort sind sie nun relativ gesetzt, also beginnen mit [COLOR=Black]/wp-content/themes/...[/COLOR] was definititv den Vorteil hat, dass ich alles an einer zentralen Stelle verwalten kann und dafür nicht mehr in der footer.php und header.php rumbasteln muss. Sehr schön :)

Der Link zu dem PDF-Dokument, den du gepostet hast, funktioniert bei mir nicht richtig. Das Dokument selbst ist super nützlich - wow! Danke für den Hinweis. :)

Ich habe mich schon viel mit der Wordpress-Sicherheit auseinander gesetzt aber so eine schöne und gut gemachte Zusammenfassung habe ich noch nicht gesehen. Sehr praktisch und sollte zur Pflichtlektüre gehören, für jeden, der nicht nur 'Knöpchendrücker' sein will.

In diesem Zusammenhang finde ich auch WP Security Scan und Wp-Secure sehr interessant, denn diese Plugins vereinfachen die Absicherung (zumindest für Leute, die sich wie ich, keine Merkliste zu dem Thema schreiben) enorm.