Wie man große Webseiten rendert

Question

Ich habe eine Webanwendung, die Benutzern erlaubt, nach einigen Produkten zu suchen, aber in einigen Fällen die zurückgegebenen Daten vom Server mehr als 1000 Zeile, was dazu führt, dass der Browser hängt und mehr Zeit zum vollständigen Laden .

meine Frage ist, wie die zurückgegebenen Daten ohne Hängen auf der Client-Seite und weniger Ladezeit gerendert werden.

Ich bin nicht vertraut mit ReactJS, aber wenn das Render auf dem Server und auf Benutzeranforderung die Daten werden ihm zur Verfügung gestellt werden, ist dies hilfreich?

Answer 1

Ich habe https://github.com/bvaughn/react-virtualized in der Vergangenheit mit einigem Erfolg verwendet. Der Trick besteht darin, nur einige Daten gleichzeitig zu laden, und es verarbeitet bereits nur die sichtbaren Zeilen. Ich habe auch versucht, es ohne diese Optimierungen zu tun, und Sie warten am Ende mehrere Sekunden auf das Rendern der Daten; manchmal lang genug, dass der Browser den Benutzer auffordert, das Ausführen des Skripts abzubrechen. Die einzige Render-Methode ist die weitaus bessere Erfahrung.

Answer 2

Sie können versuchen, Lazy Loading with reactJS unter Verwendung der Ergebnisse beim Scrollen des Nutzers angezeigt werden nach unten und nicht in der Ergebnisseite auf einmal alle Daten laden, können Sie einen Blick auf Wikipedia difination with examples nehmen oder einen Blick auf Microsoft nehmen mehr zu erfahren.