Administrador/a Espai de suport

Bones pràctiques al Carrusel

per Administrador/a Espai de suport - dijous, 27 de novembre 2014, 14:10
 

El carrusel és un recurs molt útil però també molt cridaner i que pot ralentitzar la càrrega de la vostra pàgina. Aquí teniu algunes bones pràctiques:  

  1. En general, us recomanem carregar les diapositives des d'un àlbum extern. El carrusel de Nodes permet utilitzar Picasa i Google+ Fotos com a font externa. A part de l'estalvi d'espai, us permetrà reaprofitar els àlbums per publicar-los en altres espais si és necessari.

  2. Excepció a la primera recomanació: si teniu un carrusel de capçalera o un carrusel de presentació del centre a primera pàgina, es preferible carregar les diapositives des de la mediateca. Encara que Picasa i Google+ fotos són molt fiables, pels carrusels "crítics" pot ser convenient no dependre de la connexió amb aquest serveis. 

  3. Podeu tenir varis carrusels a la mateixa pàgina però es recomanable no tenir més d'un carrusel amb reproducció automàtica a la vegada. Això produeix estrès visual en el visitant que no sap on mirar i si mira un dels carrusels, té els altres generant soroll visual. 

  4. Augmenteu els temps de durada de la diapositiva. És molt estressant no tenir temps de llegir una imatge. 8 segons és una bona durada de referència. Si el visitant troba que va lent, pot passar a la següent diapositiva amb les fletxes. 

  5. Les imatges han de ser petites o mitjanes, de 1024px d'amplada com a màxim. Si teniu molts carrusels amb imatges molt grans, la pàgina trigarà molt en carregar-se. Per exemple: 10 carrusels on cada carrusel té 10 imatges de 2MB cadascuna són... 200MB de càrrega de pàgina!!! 

  6. Encara que implica una mica de feina, si veieu que la vostre pàgina principal triga en carregar, canvieu la opció de "mostra el contingut sencer" en aquelles entrades antigues que continguin un carrusel. La idea és mostrar carrusel només en les entrades noves

  7. Us recomanem l'opció d'ajust de la imatge que diu Retalla (recomanat). Si les fotos són horitzontals (panoràmiques) i poseu una alçada propera a les fotos, fa un ajust bastant bo. En el cas de que tingueu moltes fotos en format vertical, la millor opció és la Original.

  8. L'opció d'ajust de la imatge que diu Estira és, en general, una opció dolenta. Només si les vostres fotos s'aproximen molt a l'amplada del carrusel, és pot provar, però en general, no es recomanable mostrar fotos estirades a la web.

En general, el procediment óptim per incloure carrusels a les vostres noticies és:

  1. Publicar la noticia amb el carrusel i la casella de Mostra el contingut sencer marcada. El carrusel es mostrarà a la portada (i/o la pàgina de categoria/asociada). A la mateixa noticia afegir una foto destacada i un resum (de moment, amb la casella abans marcada, no es mostrarà ni la foto ni el resum però ens vindran bé per després).

  2. Quan la noticia perd actualitat, editar la noticia i simplement desmarcar la casella Mostra el contingut sencer. Ara la noticia mostrarà el resum i la foto destacada a portada (amagant el carrusel). Si entrem a la noticia, veurem el contingut sencer de l'article (com sempre) on està el carrusel. 

Amb aquesta edició mínima (marcar i desmarcar la casella de Mostra el contingut sencer) podem tenir el millor en cada moment.