Afficher un chargement sur une page

Fermé
che0po Messages postés 21 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 30 mai 2013 - Modifié par che0po le 25/05/2012 à 11:05
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 25 mai 2012 à 16:20
Bonjour,

Mon site se compose de 2 pages php . une formulaire.php, et l'autre resultat.php . Le résultat est un tableau ( avec https://datatables.net/ ) .

quand le résultat doit être de quelque centaines de lignes , ca va , mais c'est possible que ma page doit afficher quelque milliers de lignes , pour cela , au lieu de laisser l'utilisateur poiroter sur la page formulaire.php pendant une bonne minute . je voudrai l'emmener sur la page resultat.php et lui montrer un beau truc qui montre le chargement , avec un pourcentage . je pense qu'avec jquery ca sera plus simple.


A voir également:

2 réponses

mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
25 mai 2012 à 11:42
Bonjour,

C'est juste une remarque concernant ceci: "...mais c'est possible que ma page doit afficher quelque milliers de lignes..."

Il est déconseillé d'afficher trop d'informations:
- alourdissement charge serveur sur traitement des requêtes,
- saturation coté navigateur client...

Il est conseillé de structurer la recherche en partant du général vers le détail et deux ou trois niveaux maximum et en paginant les résultats s'il y a des listes trop longues. L'idéal est que l'ensemble de al navigation reste dans la géométrie écran.

Une piste, quand vous extractez les données avec mySQL, mettez une limite:

SELECT * FROM matable LIMIT 0, 25

vous sortira les 25 premières fiches

SELECT * FROM matable LIMIT 25, 25

vous sortira les 25 suivantes...

Il faut savoir que sur un serveur destiné au grand public, pour chaque seconde d'attente, c'est 10% de client en moins en fin de parcours commercial! C'est issu d'un rapport d'étude initié chez Amazon.

Et même si votre site n'est pas commercial, ça fait "chier" de se farcir - en tant qu'utilisateur - des pages au contenu kilométrique. Au final, même s'il y a l'info recherchée dans une table de 10000 lignes, je reviens que si c'est optimisé.

Un exemple, sur ce site:
http://www.i-campingcar.fr/aires/accueil.htm

vous sélectionnez:
- un département,
- puis une ville
- puis visu de l'aire
=> en 3 coups et on reste dans la géométrie écran...

Un contre-exemple:
https://aires-campingcars.monsite-orange.fr/

aucune sélection
tout en vrac
liste kilométrique....

QUESTION: lequel préférez-vous? Le premier exemple ou le second?
Je parle évidemment pas du look général, mais simplement le point sur la taille des données restituées...

A+
0
che0po Messages postés 21 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 30 mai 2013
25 mai 2012 à 13:28
merci pour cette reponse tres structuré .

malheuresement , je ne fait que suivre un cahier des charges issue d'un entreprise . Disons que sur ce formulaire , si la personne précise :
region : paris
ordinateurs : marque asus : model : x25
je ne vais afficher que 80 résultat au plus

mais la personne peut sélectionner que ordinateur . dans ce cas je dois afficher les 25000 ordinateurs.

si vous jetez a coup à https://datatables.net/release-datatables/examples/data_sources/server_side.html vous pouvez remarquer que le pluging se charge de bien afficher 10 résultat par 10 et utilise la pagination . mais avant il doit récupérer toutes les informations .

Le système actuellement utilisé par l'entreprise prend 10 min , le miens 35 seconde ... donc ...

mais je comprend votre idée



revenons a nos moutons :) .

une idée comment je peux implémenter une sorte de chargement ?
https://www.inwebson.com/demo/jpreloader/ par exemple .
0
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
25 mai 2012 à 16:20
POUR: "une idée comment je peux implémenter une sorte de chargement ? "

je dirai que le mieux, puisque vous avez le site en exemple, c'est d'aller pomper le code sur ce site.
0