Gedanken zum CSS.JS-Dateiveröffentlichungsmechanismus

beschreiben

Bemerkung

Ressourcenebene

Ressourcenebene der Seite:

1. Globale Ebene (gemeinsam)
2. Modulebene
3. Seitenebene (Seite)

Optimierungsplan

Die Optimierung konzentriert sich hauptsächlich auf die folgenden Aspekte:

1. Reduzieren Sie die Bytegröße einer einzelnen Datei
2. Reduzieren Sie die Anzahl der Dateien (d. h. reduzieren Sie die Anzahl der http-Anfragen)

Andere Optimierungen basieren auf Entwicklungskompetenzen und sind abhängig vom Fachwissen

Dateiausgabelösung

1. verschmelzen
2. Kompression

Basierend auf Ressourcenniveaus und Optimierungsplänen werden die folgenden vier Pläne formuliert:


1. Zitieren Sie direkt eine einzelne Datei und führen Sie sie der Reihe nach ein (<link/>, <script/>)


2. Führen Sie basierend auf 1 eine Einzeldateikomprimierung durch


3. Je nach Ressourcenebene zu einer neuen Einzeldatei zusammenführen


4. Komprimieren Sie die zusammengeführten Dateien basierend auf 3

Gedanken

Option 3: Wie ermittelt man die Anzahl der zusammengeführten Dateien?

Caching-Problem

Zeitstempelsuffix verwenden

f2econfig_json

Konfigurationsdatei:

var f2eJson={
„Version“: „v3“,//version

„Update“: „20091015“, // Cache gemäß Zeitstempel aktualisieren

„Komprimieren“: „1“,//Dateiausgabeschema (1, 2, 3, 4)

„Common“:[//Öffentlicher Stil für die gesamte Site

„common/global.css“

],

"Module":{ //Modul und Stil

„Modul 1“:[„Produkt,.css“]

},

„Seite“:{//Stile, die jeder Seite gehören

"index.php":["","sys/index.css"],

//Das erste Element speichert den Modulreferenznamen. Wenn nicht, lassen Sie es leer.

"search.php":["Modul 1",product/search.css"]

//Verweisen Sie auf mehrere Module, getrennt durch ",", zum Beispiel: Modul 1, Modul 2

}

}

1. PHP verfügt über eine spezielle JSON-Konvertierungsbibliothek
2. Die Konfigurationsstruktur von js ist dieselbe wie die Konfigurations-JSON von CSS

f2engine.php

1. Wenn die Konfigurationsdatei nicht aktualisiert wird, wird JSON nur einmal in ein Array analysiert.
2. Analysieren Sie die Ressource nur einmal und speichern Sie das Ergebnis zur direkten Verwendung beim nächsten Mal

Beispiel

Zum Beispiel die Stilreferenz der Seite search.php

1. Finden Sie Ressourcen auf Seitenebene basierend auf der Seite: Page["search.php"]
2. Suchen Sie den referenzierten Modulstil basierend auf dem ersten Wert dieses Arrays
3. Bestimmen Sie das Dateiausgabeschema basierend auf dem Wert „Komprimieren“ in der Konfigurationsdatei und verarbeiten Sie es
4. Ausgabe auf der Seite

   //Vollständiger Site-Stil allgemein

   <link type="text/css" href="common/global.pack.css?20091015" rel="stylesheet" />

   //Modul im Modulstil

   <link type="text/css" href="product.pack.css?20091015" rel="stylesheet" />

   //Seitenstilseite

   <link type="text/css" href="product/serach.pack.css?20091015" rel="stylesheet" />

   Hinweis: Nach der Komprimierung lautet der Dateiname search.pack.css