Webstandard & Webdesign - CSS, HTML

zum Content springen zur Marginalspalte springen

Hier werben!

jQuery-Plugin Lazy - The on-demand Plugin loader

JavaScript - 31 Jul, 2009

Twittern
Kommentare (3)

Dank Oliver von www.mysrc.de, bin ich kürzlich auf ein Plugin aufmerksam geworden, dass sich all diejenigen die für die verschiedensten Features ihrer Webseite(n) auf mehrere Plugins des JavaScript-Frameworks jQuery zurückgreifen, mal etwas näher ansehen sollten. Das Plugin Lazy von Jan Jarfalk aktuell in Version 1.3 vorliegend, lädt "on-demand" und ermöglicht es anstatt alle in einer Webseite implementierten jQuery-Plugins zu initialisieren, nur diese Dateien zu laden ( ui.core.js und ui.draggable.css - siehe Abbildung ), welche tatsächlich auf der jeweiligen Seite durch eine Funktion aufgerufen werden.

Die Idee hinter diesem Ansatz von Lazy, ist neben zahlreichen unnötigen Serveranfragen, u.a. die Verkürzung der Ladezeit, durch die Verwendung zahlreicher Plugins notwendig werden könnte. Ein Ansatz, der meiner Meinung nach so mancher Webseite durchaus gut zu Gesicht stehen würde.

Ähnliche Artikel zu diesem Thema:

Mario
31 Jul 2009, 19:55

Im Endeffekt ist das genau das, was die YUI auch macht. Eine weitere Optimierung wäre jetzt noch, die verwendeten Pakete serversseitig zu packen und zu komprimieren und in einem einzigen Request an den Browser zu übergeben.
Tobi
31 Jul 2009, 22:03

Cool, vielen Dank für den Tipp. Ich hab mir so etwas für syntax.highlight selber gebaut. Fands auch unnötig für meinen Blog jedes mal alle Dateien zu laden und dann braucht man die eigentlich nur recht selten.

Grüße
Tobi
orangescale 12 Nov 2012, 12:38

geht das Plugin auch für aktuelle JQuery Versionen?

"Modernes Webdesign mit CSS- Das neue Buch!"
Jetzt direkt bestellen!

SEO Studium & Weiterbildung

Follow Webstandard on Twitter

Schon abonniert?

Werde Gastautor!

Werde Gastautor und veröffentliche Fachartikel aus den Bereichen SEO, SEM, Webdesign, Webentwicklung, Usability oder Inspiration und präsentiere dich hier im Blog einer wissbegierigen Leserschaft!

Blog-Partner

Hier werben - TKP unter 1Euro

Professionelle SEO Software & SEO Tools - SEOlytics

psd zu html | codingpeople

Link Research Tools - Blicken Sie hinter die Kulissen Ihrer Konkurrenz

Public Domain Bilder kostenlos - pixabay

Webdesign Bilder Galerie

Webdesign - CSS Tutorials!

Fading Images - Das CSS Tutorial "Überblenden von Bildern" zeigt, dass ein solch sanfter Bilderwechsel nicht immer mit JavaScript gelöst werden muss, sondern auch mittels CSS Animations auch auf Basis weniger Zeilen CSS realisiert werden kann. Wie ihr dieses Verhalten nachbauen könnte, wird Euch in diesem CSS3Tutorial in wenigen Schritten beschrieben.

Call-to-Action - Dieses CSS Tutorial zeigt Euch, wie man mit wenigen CSS Eigenschaften auf Basis der CSS3 Module Transition & Transform, die Attraktivität eines Elementes derart zu erhöhen könnt, dass diese bei Call-to-Action-Elementen den Webseitenbesucher zu einer Aktion, sprich einer Konversion, zu "führt.

CSS Toggler Menu - Das man das Auf- und Zuklappen, den sogenannten Toggler-Effect, auch ohne JavaScript erzeugen kann, zeigt dieses CSS Tutorial. In diesem werden fließend animierte Übergänge auf Basis von CSS3 Pseudoklassen und dem CSS3 Transition Module dazu verwendet, um eine auf- und zuklappbare Navigation erstellen zu können.