Ciao a tutti,
ho dei dubbi sulla gestione degli elementi caricati con ajax per avere delle buone performance.
Purtroppo non so testare le performance con javascript ( anzi se sapete indicarmi delle risorse vi sarei grato ), quindi vado per deduzione.
Arrivando al dunque.
In una pagina mi si caricano N <li> con relative immagini.
Quanto l'utente scrolla a fondo pagina se ne caricano altre, sempre con ajax.
Il primo problema è che questi <li> hanno dentro un tag <a> ma senza link, poiche uso $('.classe').on('click', function( ... ){}); quindi a ogni caricamento devo riagganciare l'onclick alla classe, cosa che non so se è molto corretta, soprattutto nel caso che ci fossero per esempio 400 elementi.
Il secondo problema è se, a un certo punto, dopo un certo numero di caricamenti, devo liberare il DOM da i primi tag <li> e nel caso dove dovrei metterli? cancellarli? o ce uno spazietto temporale dove metterli in caso l'utente torni su con lo scroll?
grazie mille per l'aiuto!