10 JQuery Image Cache -Plugins und Skripte

Laden des Website -Bildes mit jQuery -Bild -Vorspannungs -Plugins Optimieren! In diesem Artikel werden mehrere JQuery-Plugins untersucht, die die Seitenladezeiten durch Vorabbilder verbessern sollen. Lassen Sie uns die Optionen eintauchen und sehen, wie sie Ihrer Website zugute kommen können. Verwandte Artikel: 100 JQuery Sliders für Bilder/Inhalte, JQuery Fügen Sie Bild zum Browser -Cache hinzu.

1. JQuery-Cachesimage: Ein einfaches Plugin für Vorabbilder, minimieren Fouc (Blitz des nicht styierten Inhalts) und die Verbesserung der wahrgenommenen Lastgeschwindigkeit. Beinhaltet Rückrufe für Last, Fehler und Abbruchereignisse.

Quelle und Demo

2. JQuery Image Cache Plugin: zwischen den Bildern im lokalen Speicher des Browsers, die seine Kapazität (typischerweise 5 MB, Browser-abhängig) für eine effiziente Cross-TAB-/Fensterfreigabe und erweiterte Sicherheit nutzen.
.

Quelle und Demo

3. JQuery Fügen Sie dem Browser -Cache Bild hinzu:
Eine Technik zum Vorladungsbildern über JQuery und hinzufügen Sie sie zum Browser -Cache in einem versteckten DOM -Div -Element.

Quelle und Demo

4. JQuery Image PRELoader mit Rückruf:
Bietet einen Rückrufmechanismus zum Signal -Bildladungsabschluss.

Quelle und Demo

5. Bilder mit JavaScript- und HTML5 -Fortschrittsbalken:
enthält eine Fortschrittsleiste, um Benutzer über den Seitenladungsfortschritt zu informieren.

Quelle und Demo

6. Vorladungsbilder mit JQuery:
Dieses Skript iteriert durch Stylesheets und laden Bilder in CSS -Regeln, um die Verfügbarkeit von Cache zu gewährleisten.

Quelle und Demo

7. jQuery Vorspannung CSS -Bilder: A JQuery Plugin -Caching -Bilder aus verknüpften/importierten CSS -Dateien durch Iterieren durch Stylesheet -Regeln.

Quelle und Demo

8. Der einfachste Weg, Bilder mit JQuery vorzuladen: Ein prägnanter Ansatz unter Verwendung von minimalem Code für das Bildvorladen.

Quelle und Demo

9. JQuery Bild vorladen Plugin: Ermöglicht das Vorladungsbilder vor oder nach dem Laden von DOM.

Quelle und Demo

10. JPRELOADER: Erstellt einen Ladebildschirm zum Vorlasten von Bildern und Inhalten, wobei während des Vorgangs einen Begrüßungsbildschirm angezeigt wird.

Quelle und Demo

(Hinweis: Ersetzen Sie https://www.php.cn/link/10c91cbec1b70835824b898ef16a0de7 durch tatsächliche Links zum Quellcode und dem Demos für jedes Plugin.)

Diese erweiterte Beschreibung enthält detailliertere und verwendet mehr unterschiedliche Satzstrukturen, während die ursprüngliche Bedeutung und die Bildplatzierung beibehalten wird. Denken Sie daran, die Platzhalterverbindungen durch die richtigen URLs zu ersetzen.

Das obige ist der detaillierte Inhalt von10 JQuery Image Cache -Plugins und Skripte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!