2010-02-07 7 views
5

se pondrá "laggy" si obtengo 1 millón de elementos de enlace y los coloco en el DOM.1 millón de elementos de enlace en una página?

porque quiero una lista de navegación en la parte superior ... se parece un poco a la que Apple tiene en su sitio y puede desplazarse hacia la izquierda o hacia la derecha con el teclado. la única diferencia es que la imagen central será más grande en tamaño en comparación con las demás.

los elementos de enlace será como:

<a><img src.../ ></a> 

va a ser una mala idea tener 1 millón de elementos de enlace en esta barra de desplazamiento. porque quiero que se muestren todos los enlaces (agregados por los usuarios). ¿Cuáles son las otras posibilidades?

y ¿alguien sabe este tipo de complementos de animación?

gracias!

+0

Puede agregar solo los enlaces visibles y eliminarlos si están fuera de la vista. Eso reducirá la cantidad de enlaces en su DOM. – Gumbo

+6

¿Eres tú? http://i46.tinypic.com/1z55k7q.jpg – Pool

+0

@la fiesta ... ¡jaja sí lo es! – ajsie

Respuesta

3

la cuestión es que no será capaz de hago que

hice una prueba de estrés en mi sitio, cargando tabla de texto sin formato 40k filas, una fila de 4 células, cada célula no más de 5 palabras ...

IE estrelló, Firefox logró salir con 1G uso de ram ... tarda una eternidad en desplazarse ...

por lo que sus imágenes de 1M son una misión imposible ... muy malo

+0

oh genial ... confío en tus resultados y todas las respuestas aquí ... ahora sé que su misión es imposible 4! – ajsie

5

Sí, un millón de enlaces hará que su página sea muy lenta. Debería cargar solo la cantidad de enlaces visibles en ese momento, como la búsqueda.

Además, no desea cargar un millón de imágenes en una página, eso causará mucha demora y su servidor podría no gustarle la carga si tiene más de un usuario. (el ancho de banda de un usuario puede no ser capaz de cargar lo suficiente en el servidor como para causar problemas.)

+0

+1 Pero tal vez un poco más de lo que se muestra, para que la paginación suave (por ejemplo, si el tamaño de página es 50, mantenga el 50 antes y 50 después de los 50 que se muestran también, cuando las páginas del usuario pueden mostrar la nueva página al instante y luego tomar las 50 que ahora están fuera de la pantalla en el fondo). –

+0

@crowder. ¿Conoces ese complemento? – ajsie

5

solo la transferencia de datos llevará una eternidad. ¿has contado eso?

+0

+1 para imaginar 50 megabytes de enlaces. – Agos

6

A menos que realmente espere que los usuarios se desplacen a través de todos sus un millón de enlaces, creo que la interfaz de usuario en sí misma necesita un replanteamiento. Y sí, la página se pondría muy "floja" con esa cantidad de información.

2

No es una buena idea poner 1 millón de enlaces dentro de una barra de desplazamiento. Debería verificar si puede poner una cantidad mucho más pequeña de enlaces dentro de su barra de desplazamiento (digamos 20) y cargar los otros a pedido mientras olvida los enlaces que se hicieron invisibles al desplazarse.

+0

pero quiero tener la animación de desplazamiento suave entre los elementos. ¿Conoces ese complemento? – ajsie

+1

@noname Es un diseño de interfaz de usuario terrible. Digamos que un usuario puede pasar 1/2 segundo mirando una imagen en particular para ver si es interesante. Tarda otro 1/2 segundo para que la siguiente imagen se desplace hacia la vista. Por lo tanto, mirando la pantalla, desplazándose sobre las imágenes a aproximadamente 1 por segundo, su usuario tardaría casi seis días en llegar a la mitad de la lista. – Pointy

+0

@ pointy..thats el punto =) – ajsie

7

Sí, poner 1 millón de artículos en un elemento de interfaz gráfica de usuario podrá:

  1. ser lento
  2. directrices ruptura de usabilidad.

En lugar de tratar de organizar su información en las etiquetas o categorías, y ofrecer al usuario:

  • paginación
  • clasificación
  • filtrado
  • listas de favoritos
  • etc ...

Mira cómo funciona la lista de preguntas de Stack Overflow, por ejemplo.

1

¿Te imaginas lo horrible que sería tu experiencia de usuario al tener que desplazar manualmente más de un millón de elementos? ¿Sabes qué tan grande es "1,000,000"?

Cree una tabla paginada si tiene muchas cosas que ver y agregue las funciones de búsqueda/filtro.Pon tus computadoras a trabajar para facilitar la vida de tus usuarios.

1

Sobre otra posibilidad: crear una sola imagen grande y manejar evento onclick, luego traducir las coordenadas ya sea en el cliente o en el servidor, para asignar a uno de los millones posibles direcciones URL

1

¿Alguien por favor piensa en los niños usuarios?

En serio, ¿de qué sirve darle a un usuario una lista de 1 millón de enlaces? 100 enlaces serían desalentadores para que un usuario se desplace. ¿Quieres multiplicar eso por 10000?

Has mencionado el sitio de Apple ... ¿dónde están usando esto en su sitio?

Cuestiones relacionadas