de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Progressiv können Sie Bilder mit Vanille JS laden

Jede moderne Website muss schnell sein. Obwohl es viele Techniken und Plugins gibt, um die Seitengeschwindigkeit zu erhöhen, wissen Sie vielleicht nicht, wo Sie anfangen sollen.

Das Progressive-Skript ist eine großartige Ressource für die Erhöhung der Seitengeschwindigkeit . Es funktioniert wie ein Lazy Loading Image-Skript, das Bilder progressiv lädt, während der Benutzer die Seite herunterscrollt.

Es ist ein kostenloses Open-Source-Projekt, so dass Sie es herunterladen und auf einer beliebigen Website ausführen können. Plus es läuft auf 100% Vanille JS, so dass es keine Abhängigkeiten hat, die Sie niederschlagen können .

Sie können sich die Live-Demo auf der Progressively-Homepage ansehen.

Es ist etwas anders als andere Lazy-Load-Skripts, da es feste Bildgrößen für die ganze Seite enthält. Dies verhindert den immer so nervigen Seitensprung, den Sie sehen, wenn Bilder schnell in die Ansicht geladen werden und die Inhaltshöhe erhöhen.

Und die Bildplatzhalter sehen tatsächlich wie die Bilder aus, die Sie laden. Genial!

Mit dieser ausgefeilten Technik können die Besucher sehen, wie die Bilder aussehen, bevor sie geladen werden . Es wird alles über JavaScript gehandhabt, das den Standort des Benutzers auf der Seite überprüft und Bilder vorlädt, wenn sie in Sicht kommen.

Progressiv hat eine ziemlich umfangreiche API, so dass es eine gute Wahl für Web-Entwickler ist. Das Setup kann technisch sein, so dass es hilfreich ist, wenn Sie sich mit der grundlegenden Frontend-Programmierung auskennen.

Aber Sie können mehr über die GitHub-Hauptseite erfahren, die die vollständige API-Dokumentation, Setup-Anweisungen und Beispielcode-Snippets enthält, die Sie für Ihre Projekte kopieren und einfügen können.

Wenn Sie ein vertrauenswürdiges Lazy-Loading-Image-Skript ohne die lästigen Abhängigkeiten benötigen, geben Sie Progressiv eine Chance. Es ist völlig kostenlos und bietet eine Vielzahl von Anpassungen für Entwickler.

Werfen Sie auch einen Blick auf den Progressiv GitHub, um mehr zu erfahren und den herunterladbaren Quellcode zu lesen.

9 Nützliche Plugins für Ihre WordPress-Seite

9 Nützliche Plugins für Ihre WordPress-Seite

An sich ist WordPress möglicherweise nicht die effizienteste und aufregendste Plattform, mit der man arbeiten kann. Angesichts der Möglichkeit, es mit Plugins und Themes anzupassen, ist es möglich, jede Website zu erstellen. Und zwar vergleichsweise einfach.WordPress-Plugins bieten großartige Möglichkeiten, nützliche und wichtige Funktionen in eine Website zu integrieren . Viel

(Tech- und Design-Tipps)

So erstellen Sie CSS-Farbverlaufsrahmenfarben

So erstellen Sie CSS-Farbverlaufsrahmenfarben

Dieser Artikel ist Teil unserer "HTML5 / CSS3 Tutorials" -Serie - mit dem Ziel, Sie zu einem besseren Designer und / oder Entwickler zu machen. Klicken Sie hier, um mehr Artikel aus derselben Serie zu sehen. Mit all den neuen Funktionen in CSS3 sind wir jetzt in der Lage, bildfreie Websites zu erstellen

(Tech- und Design-Tipps)