Ich entwickle einen E-Shop. Auf der Produktseite basierend auf der Kategorie habe ich eine Javascript-basierte Filterung vorgenommen. Ein Problem entsteht jedoch, wenn eine Kategorie viele Produkte enthält. Dieser Link hat etwas ähnliches, was ich tue ...http: //www.snowandrock.com/sunglasses/snowboard/fcp-category/list? resetFilters = true

Allerdings ist diese Seite schmerzhaft langsam und ist über 2 MB !!!

Jedes Produkt für mich braucht einen halben Killobyte, aber das Bild ist das Problem. Also suche ich, wie man Bilder faul lädt. Da meine Seite im Gegensatz zu dieser Seite eine Paginierung hat, denke ich, dass das Laden von Bildern, die nur auf der Seite sichtbar sind, eine Lösung ist Das Problem ist jedoch, wie man es macht, um sowohl für Javascript- als auch für nicht-javscript-fähige Leute zu arbeiten. Die einzige Lösung ist, den Link in der CSS-Klasse irgendwie im Bild für die nicht sichtbaren Produkte zu speichern und nach dem Filtern anzuzeigen ändere über Javascript das Bild src ... Benutzer ohne Javascript haben dieses Problem nicht, da ein Klick auf einen Filter sie zu einer anderen Seite navigieren würde ...

Irgendeine andere Idee?