Afficher un chargement sur une page
che0po
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
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.
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:
- Afficher un chargement sur une page
- Comment supprimer une page sur word - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Afficher google en page d'accueil - Guide
- Créer une page facebook - Guide
- Comment traduire une page - Guide
2 réponses
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+
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+
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 .
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 .
