Was ist die optimale Ordnerstruktur für ein Webverzeichnis?


9

Ich mache seit Jahren Webentwicklung und habe immer eine ähnliche Webstruktur gemacht:

public_html/login.php
public_html/css/login.css
public_html/js/login.js
public_html/img/logo.png

Ich habe gesehen, wie andere Leute Folgendes benutzten:

styles/login.css
images/logo.png

Und dann habe ich kürzlich herausgefunden, dass mein Kollege mag:

public_html/a/login.js   - application
public_html/s/login.css  - styles
public_html/i/logo.png   - images
public_html/p/photo1.jpg - photos
public_html/f/menu.swf   - flash

Gibt es außer dem Speichern von ein oder zwei Bytes Vor- oder Nachteile für eine dieser Optionen? Gibt es eine Best Practice für dieses Konzept?


Auf Anfrage zusätzliche Ordner: 't' für Vorlagen und 'x' für xml
St. John Johnson

Antworten:


6

Ich würde mich an Ihr aktuelles System halten, obwohl ich möglicherweise voreingenommen bin, da ich selbst fast dieselben Namen verwende.

Ich finde, dass das Halten eines Ordnernamens aus drei Buchstaben ausführlich genug ist, um eine Bedeutung zu haben, aber präzise genug, um meine URLs aufgeräumt zu halten .

Das Reduzieren jedes Ordners auf einen einzelnen Buchstaben ist übertrieben und, wie mc10 hervorhebt, weithin interpretationsfähig. Zum Beispiel würde ich niemals 'a' für Javascript-Dateien wählen: Ich hätte 'b' für "Verhalten" gewählt. Ich denke auch nicht, dass es korrekter ist, es zeigt nur, wie mehrdeutig das Namensschema ist.

Obwohl die Verwendung von "Stilen" und "Bildern" als Ordnernamen vollkommen in Ordnung ist, finde ich es viel sinnvoller, einen kürzeren Namen zu verwenden. Überlegen Sie, wie oft in jeder Datei, in jeder URL und in jeder Anforderung auf diesen Ordner verwiesen wird, und die Bytes summieren sich. Zugegeben, ich glaube nicht, dass Sie durch die Verwendung kürzerer Ordnernamen echte Bandbreiteneinsparungen erzielen werden, aber ich werde jedes Bit (und Byte) nehmen, das ich bekommen kann.

Normalerweise halte ich mich an diese paar Ordner:

  • js - Javascript-Dateien
  • img - Bilddateien
  • CSS - CSS - Dateien
  • lib - Serverseitige Skripte, die keine Ausgabe erzeugen. Bibliotheken, Klassen usw.
  • doc - Binärdateien wie Office-Dokumente und PDFs, die nicht Teil der normalen Seitennavigation sind

2

CSS- und JS-Ordner eignen sich gut für eine einzelne Site, die möglicherweise statisch codiert ist (auch bekannt als HTML), aber für eine größere Site, die ein CMS verwendet, ist dies nicht praktikabel.

CMS verwenden Ordner "Stile" und "Bilder" in ihrer eigenen Ordnerstruktur, nur dass diese normalerweise in Unterverzeichnissen vergraben sind. Es ist eine gute Möglichkeit, Inhalte zu gestalten, und wird von vielen CMS bevorzugt.

Ordnernamen mit einem Buchstaben sind verwirrend. Auf den ersten Blick wäre ich mit dem Unterschied zwischen Fotos ( p) und Bildern ( i) verwechselt worden . Die Verwendung afür "Anwendung" erscheint ebenfalls kryptisch.


1

Die Verwendung von Ordnern für CSS und JS im Gegensatz zu einzelnen Dateien hängt vollständig vom Umfang Ihres Projekts ab.

Wenn Sie mehr als ein Skript oder Stylesheet haben oder möglicherweise benötigen, erleichtert das Organisieren in Ordnern die Wartung und Verwaltung der Site.

Wenn Sie sich dann wieder für die Verwendung von Ordnern entscheiden, ist es eine persönliche Präferenz, diese langen oder kurzen Namen anzugeben.

Obwohl die Namen mit einem Buchstaben Bytes sparen und etwas ordentlicher aussehen können, kann dies meiner Erfahrung nach verwirrend werden, wenn mehr als eine Handvoll Leute auf der Site arbeiten.


1

Sie können diese Methode auch ausführen.

1. Methode:

  • / i / common /
  • / i / layout /
  • / i / lib /
  • / i / misc / docs / pdf /
  • / i / misc / docs / csv /
  • / i / misc / docs / txt /

Hinweis: Es ist am besten, wenn jede Datei in ihrer MD5-Zusammenfassung umbenannt wird.

Beispiele:

  • /i/common/9df48e2cf2d25740e4ba54e8cd73b3a3.png,
  • /i/layout/2b33962041cb835c227bba27424a28af.css,
  • /i/lib/a8a2a48ddaa95527c6d3db763e2b7809.js,
  • /i/misc/docs/pdf/68aafcfe9aa1ab7d83a6ce8df302155e.pdf

2. Methode:

  • / Vermögenswerte / gemeinsam /
  • / Assets / Templates / Template-Name /
  • / Assets / Includes / Js /
  • / Assets / Sonstiges / PDF /
  • / Assets / Sonstiges / CSV /
  • / assets / misc / txt /

Hinweis: Es ist nicht erforderlich, Dateien in MD5-Zeichenfolgen umzubenennen, aber alle Leerzeichen sollten durch Bindestrich / - ersetzt werden.

Beispiele

  • /assets/common/uploads/2014/12/company-site-has-been-launched.jpg

3. Methode:

  • / site / files /
  • /Seitenlayout/
  • / site / scripts /
  • / site / misc / docs / pdf /
  • / site / misc / docs / csv /
  • / site / misc / docs / txt /

BEMERKUNGEN: Im Unterverzeichnis public_html "common" können Sie ein neues Unterverzeichnis erstellen und es "uploads / 2014/12 /" für Ihre hochgeladenen Dateien benennen, genauso wie WordPress Ihre Uploads organisiert.


1
Ich mag Ihre Beispiele für Ordnerstrukturen, aber die Benennung Ihrer Dateien mit ihren MD5-Hashes wird nicht empfohlen und ist definitiv nicht "am besten". Durch Ändern einer Bilddatei wird die MD5-Datei geändert, sodass Sie die gesamte Site ändern müssen. Stattdessen ist es viel sicherer, ihnen einen unvergesslicheren Namen zu geben.
Richard
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.