[HTML] Optimisations des tables

Marsh Posté le 13-10-2003 à 19:22:57

Bonjour,

J'aurais besoin d'aide pour optimiser un script qui affiche dans un tableau le contenu d'une base de donnee. Le tableau fait plus de 1000 lignes donc le fichier produit est assez monstrueux. D'une premiere version pas du tout optimiser qui faisait 1Mo je suis arrive a un fichier de 220ko mais la je sais plus koi faire pour gagner de la place:

Voici la structure de mon code:

Citation :

<html>
<head>
<title>Essai</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="text/css">
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
text-align: center;
}
</STYLE>
</head>

<body>
<table width="800" border="0" ALIGN="center">
<tr bgcolor="<?echo $color?>">
<td width="30"><?echo $aa01?></td>
<td width="170"><?echo $aa02?></td>
<td width="75"><?echo $aa03?> ha</td>
<td><?echo $aa04?></td>
<td width="30"><?echo $aa05?></td>
<td width="100"><?echo $aa06?></td>
<td width="150"><?echo $aa07?></td>
<td></td>
</tr>
</table>

Dans le code ce-dessus je n'ai pas mis l'algo de traitement PHP. C'est juste pour vous donner une idee de la structure du tableau.

Je voudrais savoir si vous avez des solutions pour diminuer la taille. Par la suite si il est toujours trop gros je fragmenterai en plusieurs pages mais pour le moment je voudrais le garder tel qu'il est. je pense que la seule chose que l'on peut optimiser c'est de supprime le 'width="xx"' de chaque case car ca en fait des octets ca pour 1000 lignes. C'est possible de le definir dans le CSS comme pour le FONT des textes?

A vous maintenant... :hello:

Merci

Reply

Marsh Posté le 13-10-2003 à 19:22:57

Reply

Marsh Posté le 13-10-2003 à 19:24:24

installe mod_gzip sur ton serveur [:hello]

---------------
brisez les rêves des gens, il en restera toujours quelque chose... -- laissez moi troller sur discu !

Reply

Marsh Posté le 13-10-2003 à 19:25:23

tu déclare tes width sur la première ligne, tu n'en as plus besoin pour les lignes suivantes.

Reply

Marsh Posté le 13-10-2003 à 19:27:26

MagicBuzz a écrit :

tu déclare tes width sur la première ligne, tu n'en as plus besoin pour les lignes suivantes.

De toutes manières, il faudrait voir ce que contiennent les cellules, parce que si c'est rempli de <font... :whistle:

Reply

Marsh Posté le 13-10-2003 à 19:30:50

sinon, tu utilises la méthode du forum :

<script language="JavaScript" type="text/javascript">
function dR(color, a1, a2, a3, a4, a5, a6, a7)
{
document.write("<tr bgcolor=\"" + color + "\"><td width=\"30\">" + a1 + "</td><td width=\"170\">" + a2 + "</td><td width=\"75\">" + a3 + "</td><td>" + a4 + "</td><td width=\"30\">" + a5 + "</td><td width=\"100\">" + a6 + "</td><td width=\"150\">" + a7 + "</td>";
}
</script>

Et dans le HTML :

<table width="800" border="0" align="center">
<script language="JavaScript" type="text/css">
<?
for ...
{
echo("dr('$color', '$aa01', '$aa02', '$aa03', '$aa04', '$aa05', '$aa06', '$aa07');" );
}
?>
</script>
</table>

Reply

Marsh Posté le 13-10-2003 à 19:31:07

Hermes le Messager a écrit :

De toutes manières, il faudrait voir ce que contiennent les cellules, parce que si c'est rempli de <font... :whistle:

ben non les fonts sont definit dans le CSS. Enfin ya 1 font pour 1 case car la couleur du texte doit changer. Au pire je pourrais mettre en gras plutot que de changer la couleur

Voici le code du tableau produit par le script:

Citation :

<tr bgcolor="#FFEEFF">
<td width="30">28</td>
<td width="170"><font color="#FF0000">Pays multicolore</font></td>
<td width="75">204 105 ha</td>
<td>L'Ordre des Licornes d'Argent</td>
<td width="30">90</td>
<td width="100"></td>
<td width="150"></td>
<td></td>
</tr>

Message édité par IvanleFou le 13-10-2003 à 19:32:03

Reply

Marsh Posté le 13-10-2003 à 19:32:03

Hermes le Messager a écrit :

De toutes manières, il faudrait voir ce que contiennent les cellules, parce que si c'est rempli de <font... :whistle:

Ouais aussi J'aime particulièrement les

<p><font size="2" face="Arial" color="black"><div>tralala</div></font></p>

[:powa]

Reply

Marsh Posté le 13-10-2003 à 19:33:40

MagicBuzz a écrit :

Ouais aussi J'aime particulièrement les

<p><font size="2" face="Arial" color="black"><div>tralala</div></font></p>

[:powa]

Nan ca c'etait dans la toute 1ere version! Quand meme avant de venir poster ici je me suis crese le cerveau pour trouver des solutions!

Reply

Marsh Posté le 13-10-2003 à 19:34:31

Ma solution avec le JavaScript est je pense clairement la meilleure. Par contre, faut que le JS soit activé sur le navigateur client.

Reply

Marsh Posté le 13-10-2003 à 19:36:08

MagicBuzz a écrit :

Ma solution avec le JavaScript est je pense clairement la meilleure. Par contre, faut que le JS soit activé sur le navigateur client.

Je vais l'essayer. Pis je ferai un lien vers la version "standard" au cas ou le gars ne voit pas le tableau :jap:

Merci pour vos reponses

Reply

Marsh Posté le 13-10-2003 à 19:36:08

Reply

Marsh Posté le 13-10-2003 à 19:45:18

C'est pas bien les colgroup :??:

<tr bgcolor="#FFEEFF">
<colgroup width="30">
<colgroup width="170" style="text-color: #FF0000">
<colgroup width="75">
<colgroup width="30">
<colgroup width="100">
<colgroup width="150">
<colgroup>
<tr>
<td>28</td>
<td>Pays multicolore</td>
<td>204 105 ha</td>
<td>L'Ordre des Licornes d'Argent</td>
<td>90</td>
<td></td>
<td></td>
</tr>

(pour le CSS, je sais plus la syntaxe )

Message édité par mrbebert le 13-10-2003 à 19:46:38

Reply

[HTML] Optimisations des tables

Sujets relatifs:

Leave a Replay