Lazy loading von HTML-markup

Meine organisation eine E-Commerce-Unternehmen und haben eine numberv von Seiten Anzeige einer langen Liste von Produkten, einige Seiten haben 20 Produkte, während andere müssen möglicherweise bis zu 100! Fragen Sie mich nicht, warum!

Ich wurde beauftragt mit der Verbesserung der Ladezeiten dieser Seiten, profiling zeigt, dass die Mehrheit der Last-Zeit ist von der markup - es gibt zu viel davon!! Aufgrund der Menge von Informationen das Unternehmen muss zeigen das markup nicht wirklich reduziert werden.

Dies führt mich zu der Suche nach alternativen und wäre lazy loading von der Produkt-Auszeichnungen, wie der Benutzer scrollt den Bildschirm (derzeit nutzen wir diese Technik für Produkt-Bilder).

Hat jemand irgendwelche Erfahrung mit so etwas, die Sie teilen konnte? - die Sorge ist, dass dies Auswirkungen auf die Leistung innerhalb der Seite

Alternative Verfahren gehört zu werden, sowie

Freue mich auf alle Meinungen

Ist die Paginierung eine option?

InformationsquelleAutor user502014 | 2011-04-15

  1. 1

    Können Sie das dynamische laden von Inhalten beim scrollen.

    Laden Sie alle wichtigen Daten in Ihre barebones HTML und dann fügen Sie die erforderlichen markup gedeihen mit Javascript.

    Alternativ könnten Sie schicken eine kompakte XML-Dokument, und wenden Sie eine XSLT-Transformation auf der client-Seite, wenn der Kunde es akzeptiert (siehe "Akzeptieren:" - header).

    Dynamisches laden von Inhalten beim scrollen Krüppel in Ihrem Browser die in-page-search-Funktionalität. Viele Menschen nutzen diese, vor allem für lange Listen auf Seiten wie dieser. (ich sage nicht, dass es immer eine schlechte Idee, genau dies im Auge behalten)
    Ja, das ist nicht freundlich, auf Seite suchen.

    InformationsquelleAutor 9000

  2. 0

    Einer Sache, zu betrachten ist, indem in der Kompression zu, was der browser sendet. Dies wird erheblich reduzieren Sie die Seite der Nutzlast.

    Wie andere erwähnt haben, das laden der Seite Inhalt können eine Reihe von Problemen verursachen, besonders für Benutzer mit Barrierefreiheit muss (das ist ein viel größerer Prozentsatz als die meisten Leute denken)

    InformationsquelleAutor cdeszaq

  3. 0

    Ich habe folgende Vorgehensweise zu verbergen, die make-up-Zeit zum Rendern/erstellen der Inhalte (android, jq und jq-mobile)

    a) Der Inhalt wird im hintergrund generiert. Immer kleine Stücke erstellt werden (Dauer 20-30ms) und einfügen in die dom. Nach etwa 50ms (setTimeout) das nächste Stück ist erstellt und eingefügt in die dom

    b) Android-spezifisch: ich habe bemerkt, dass die erste Auswahl eines DOM-Elements (z.B. $('#xyz') )dauert relativ lange (ca 10 MS) . Wenn das element zugegriffen, das zweite mal, es dauert nur 1ms (Samsung S3).
    Hoffe, das hilft

    InformationsquelleAutor Andreas

Schreibe einen Kommentar