ALLES ÜBER mp_jquerylib_queryloader2 UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

mp_jquerylib_queryloader2

QueryLoader v2

QueryLoader v2 ist eine bessere Version des alten Skripts aus dem Jahr 2009. Es dient hauptsächlich dazu, die Bilder auf Ihrer Website vorab zu laden, indem es ein Overlay und eine Ladebalken anzeigt. Es holt automatisch alle Ihre Bilder und Hintergrundbilder und lädt sie vor, bevor es die Webseite anzeigt. QueryLoader funktioniert derzeit mit jQuery v1.9 und in IE-Version > 7, Chrome, Safari und Firefox.

Den vollständigen Beitrag findest du hier: http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/

Wie man es benutzt

Fügen Sie das Skript in den Kopfbereich Ihrer Webseite ein.

<script src="path/to/file/jquery.queryloader2.js" type="text/javascript"></script>

Stellen Sie sicher, dass Sie es hinzufügen, nachdem Sie jQuery aufgenommen haben.

Rufen Sie nun QueryLoader in einer $(document).ready() wie dieser auf:

$(document).ready(function () {) {
    $("body").queryLoader2();
});

Für den Support auf iOS-Geräten verwenden Sie den folgenden Code:

window.addEventListener('DOMContentLoaded', function() {) {
    $("body").queryLoader2();
});

Installation mit Bower

bower install queryloader2

Dank an

BilderLoaded by desandro - https://github.com/desandro/imagesloaded

Grundlegende Anwendung

$(selector).queryLoader2(options);

Optionen

hintergrundFarbe

(string) Hintergrundfarbe des Laders (in hex). Standard: "#000".

barFarbe

(string) Hintergrundfarbe des Balkens (in hexadezimaler Darstellung). Standard: "#FFF".

barHöhe

(int) Höhe des Balkens in Pixel. Standard: 1

completeAnimation

(string) setzen Sie den Animationstyp am Ende. Optionen: "wachsen" oder "verblassen". Standard: " Fade ".

minimale Zeit

int) Zeit in Millisekunden, die die Ladung laufen muss. Wenn die Zeit nicht abgelaufen ist, wird die Animation trotzdem angezeigt. Standard: 500

tiefensuche

(boolean) auf true gesetzt, um ALLE Bilder mit den ausgewählten Elementen zu finden. Wenn Sie nicht möchten, dass queryLoader die Kinder durchsucht, setzen Sie auf false. Standard: true

prozentsatz

(boolean) Wird auf true gesetzt, um die prozentuale Darstellung zu ermöglichen. Standard: false

onComplete

(Funktion) wird diese Funktion aufgerufen, sobald das Laden und die Animation abgeschlossen sind. Standard: keine

onLoadComplete

(Funktion) Diese Funktion wird aufgerufen, sobald das Laden abgeschlossen ist, vor der Endanimation. Standard: keine

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

Verteilung:MP_JQUERYLIB_QUERYLOADER2 ist auf

0.01 % aller TYPO3 installiert.

  • 0.06 % aller TYPO3 8.7.x Installationen installiert

Aktualität:MP_JQUERYLIB_QUERYLOADER2 ist auf dem neusten Stand (v.unknown) bei

100 % aller TYPO3 Installationen

  • 0 % aller TYPO3 9.5.x Installationen
  • 0 % aller TYPO3 9.3.x Installationen
  • 0 % aller TYPO3 9.2.x Installationen
  • 0.06 % aller TYPO3 8.7.x Installationen
  • 0 % aller TYPO3 7.6.x Installationen
  • 0 % aller TYPO3 7.5.x Installationen
  • 0 % aller TYPO3 7.4.x Installationen
  • 0 % aller TYPO3 7.3.x Installationen
  • 0 % aller TYPO3 7.2.x Installationen
  • 0 % aller TYPO3 7.1.x Installationen
  • 0 % aller TYPO3 7.0.x Installationen
  • 0 % aller TYPO3 6.2.x Installationen
  • 0 % aller TYPO3 6.1.x Installationen
  • 0 % aller TYPO3 6.0.x Installationen
  • 0 % aller TYPO3 5.0.x Installationen
  • 0 % aller TYPO3 4.7.x Installationen
  • 0 % aller TYPO3 4.6.x Installationen
  • 0 % aller TYPO3 4.5.x Installationen
  • 0 % aller TYPO3 4.4.x Installationen
  • 0 % aller TYPO3 4.3.x Installationen
  • 0 % aller TYPO3 4.2.x Installationen
  • 0 % aller TYPO3 4.1.x Installationen
  • 0 % aller TYPO3 4.0.x Installationen
  • 0 % aller TYPO3 3.5.x Installationen

responsive - image 4

Gosign-Responsive Index: TYPO3 Installationen nutzen MP_JQUERYLIB_QUERYLOADER2 zu

  • 100 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist

speed test - image 5

Pagespeed: TYPO3 Installationen nutzen MP_JQUERYLIB_QUERYLOADER2 zu

  • 0 % wenn der Pagespeed zwischen 80 % und 100 % ist
  • 0 % wenn der Pagespeed zwischen 60 % und 80 % ist
  • 100 % wenn der Pagespeed zwischen 40 % und 60 % ist
  • 0 % wenn der Pagespeed zwischen 20 % und 40 % ist
  • 0 % wenn der Pagespeed zwischen 0 % und 20 % ist


Stichprobe n=36801 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de>

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.