Faule Laden von Bildern mit jQuery

Ein sehr wichtiges Merkmal einer Website ist definitiv die Geschwindigkeit beim Laden der Seiten. Trotz einer langsamen Seite, dauert es zu lange, um uns zu zeigen, was wir wollen, in der Tat schließt die meisten Benutzer die Seite, die Umstellung auf einen anderen Standort oder Konkurrenten. Internet ist kein Werkzeug für geduldiges Volk ;-)

Die Technik des Lazy Loading (übersetzt in "lazy loading") der Bilder ist genau zu vermeiden lange Wartezeiten und unnötige innerhalb einer Web-Seite. Diese Programmiertechnik ist in der Tat nicht, die sich auf Bilder, sondern umfasst alle Ressourcen, "nutzlos", wenn es lädt, riorse, dass der Kurs wird, abgerufen "on demand", wenn es notwendig ist.

Wir stellen uns der Diskurs der Bilder, wie sie im Wesentlichen der schwerste Teil einer Web-Seite sind. Der Benutzer startet eine Seite ist nicht unbedingt alle die Bilder, vielleicht sehen, weil sie versteckt oder einfach weil es am Boden oder in einem Gebiet, weit entfernt von denen der Benutzer Zugang zu Informationen gestellt werden.
Solche Situationen treten insbesondere bei sehr großen Seiten, wie können sie diese im Blog (was in Vorwurf der vielen Kommentare, sehr lang sein können) werden. In einem Fall wie diesem macht keinen Sinn, alle Bilder, die beim Start, vor allem diejenigen am unteren Ende befindet sich laden, weil es nie eingesehen werden können!

Zur Umsetzung lazy loading-Technik kann auf unterschiedliche Weise umgesetzt werden.
Die naheliegendste in den Sinn kommt ist, um die Bilder on the fly aus dem DOM mit JavaScript zu entfernen. Aber das wäre auch falsch, weil die Art und Weise die meisten Browser jedoch die Anwendung und nicht das Bild, das Sie die volle Wirkung, die Sie wollen würde eingereicht haben.
Eine gute Technik, in dem Artikel von Paul Hammond hervorgehoben Speed ​​Up Your Site mit Delayed Inhalt ist, sondern um benutzerdefinierte Attribute in HTML5 verwenden. Mal sehen, wie.

• <<
• 1
• 2
• 3
• >>