Discussion :

[Pymento]

Bonjour tout le monde,
Je viens de terminer un projet, un agenda en php, je souhaiterai néanmoins à fin de faciliter la navigation depuis un smartphone/pda, réduire le poids de la page(et non pas le temps d'exécution),qui est relativement déjà assez bas 109,63 Ko.

Je vous décris un peu le projet, dans son rendu graphique:

-une année entière par page.
-une table pour chaque mois avec td pour chaque jour, le contenu est du texte à l'intérieur d'un input dans un td,mis à jour en ajax.
-pas mal de javascript quand même.
-une coloration des inputs en ajax, à l'aide d'une palette de 8 div de 5px sur 5 colorés.
-les samedis et dimanche grisés.

voila c'est assez rudimentaire, c'est voulu mais si quelqu'un pouvais avoir des astuces(même insignifiants ou même erronés,ça fait toujours avancer) pour optimiser le poids en ko de ma page je lui en serais très reconnaissant !

Si vous avez des questions ou précisions à me demander n'hésitez pas.

Merci d'avance, et dsl pour ce long texte à lire ^^

[darthmower]

Salut,

Tu peux faire ce qu'on appel "obfusquer son code", cela retira beaucoup de caractères donc gain en mémoire.

Gripsou

[Pymento]

pas bête effectivement, mais ça ne concernerait que le javascript je présume?

[darthmower]

Tu peux aussi le CSS:

http://www.webinventif.fr/jus-presse/

Gripsou

[Pymento]

exact, je viens de me renseigner.

Je viens de faire un peu de nettoyage de mon javascript et css, enlever toute les fonctions inutiles etc...
mon fichier script fait 3ko et mon css 2ko.
ma page en fait 109ko. L'obfuscation des deux premiers fichiers me semble relativement négligeable, je risque de gagner 4ko.(à moins que je ne me trompe)

Mais en soit c'est une très bonne idée, à appliquer pour les plus gros projets.

[Pymento]

ok j'hallucine un peu la, la page de mon post sur dev.com fait 36ko....avec 4 000 images... et mon malheureux tableau, 109ko... je crois que j'ai pas saisi un truc la...

[Seb33300]

Tu peux aussi utiliser la compression gzip

[grunk]

Essai l'extension page speed de google : http://code.google.com/intl/fr/speed/page-speed/
Elle va te lister tout ce qui peut être lent/lourd sur ton site et te proposer des solutions

[Pymento]

Ha beh je ne pouvais pas rêver mieux ! Merci bcp grunk

C'est pile poil ce qu'il me fallait.


Je vais en profité que tu saches t'en servir(j'imagine ?) pour te demande juste un petit renseignement:


Enable gzip compression
Compressing the following resources with gzip could reduce their transfer size by about two thirds (~61.8kB).

* Compressing /Calendrier/index.php?year=2009&type=agenda4 could save ~58.9kB.
* Compressing http://localhost/Calendrier/media/js/scripts.js could save ~1.8kB.
* Compressing /Calendrier/media/css/style.css.php could save ~1.1kB.



le css et le js, ok, je vois, par contre j'ai des <a href> (qui sont construit avec du php) et la je vois pas comment compresser ça ?

[Petibidon]

Tu pourrais pas nous montrer une portion de HTML de ton tableau histoire de voir ce qu'il est possible de faire ? Parce qu'en aveugle c'est compliqué d'optimiser quoi que ce soit

[Pymento]

Oui je me doute bien^^, mais en fait j'ai plus ou moins réussi à cibler le problème c'est du css incorporé à mes balises, malheureusement je ne peut pas m'en détacher dans la feuille de style étant donné que c'est dynamiquement créé avec le php.(coloration des cases selon l'utilisateur, jours fériés etc...)

Par contre si je peux arrivé a comprendre voire même résoudre cette ligne.. :

Compressing http://localhost/Calendrier/media/js/scripts.js could save ~1.8kB.

voila le code qui me génère les liens:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="index.php?year=<?php echo($y-1) ?>&type=<?php echo($agenda) ?>">

(je récupère l'année par le get ainsi que l'agenda concerné(séparation des types d'évènement par différentes tables)

[Seb33300]

Pour la compression gzip, soit tu as un serveur dédier, dans ce cas tu va pouvoir le configurer afin de compresser automatiquement toutes tes pages

Soit tu passe par une méthode php :
http://www.en1heure.com/compresser_s...ip_deflate.php

[Petibidon]

Oui là faire une cure d'amaigrissement là dessus c'est un peu compliqué

Je pensais plus à tout ce qui peut être tags verbeux, genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<table>
    <tr>
        <td class="machin">blabla</td>
        <td class="machin">blabla</td>...

qui se répètent par exemple que tu pourrais remplacer par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<table class="machin">
    <tr>
        <td>blabla</td>
        <td>blabla</td>...

et au niveau css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.machin td{
//...
}

[Pymento]

de ce coté la j'ai déjà optimisé au max, mais bon deja quand vous avez 365 balises avec du

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="background-color:$color;" / name = $date_str / value=$event /onChange="insertInputAjax(this);" onfocus="palette(this,'.$topi.');"

ça doit peser son poids en bonbec déjà ^^

Je vais me tourner vers la compression et faire le maximum.


Merci tout le monde pour les conseils !


Je le met en résolu pour le magnifique pluggin page speed qui s'incorpore dans firebug.