Optimisation de mon blog

bonjour,

j'ai lu dernièrement que pour accélérer le téléchargement d'un blog il était bon de n'avoir qu'un fichier css et qu'un fichier javascript.

concrètement, est-ce que je colle les uns après les autres tous mes fichiers css sur une même page et pareil pour mes js ?

merci pour vos conseils

++

Bonjour,

Oui.

merci, je vais essayer

ps: l'ordre n'a pas d'importance ? par exemple le reset css doit-il êtr en début de la page css ?)

Bonjour,

Comme l'ordre des déclarations CSS est importante, il faut en effet mettre le reset au début. Par exemple, si tu déclares ceci au début du fichier :

h1 {
color:red;
}

et que plus loin dans le fichier tu déclares ceci :

h1 {
color:blue;
}

C'est la dernière déclaration qui est utilisée, donc le h1 sera blue.

merci !

à propos des javascript

comment fait-on quand on a par exemple:
- slideshow.js
- slideshow.min.js

quand je fais un fichier unifié avec tous mes javascript, dois-je garder ces 2 là ou puis-je effacer le min.js ?

merci encore

up !

salut, ça consiste en quoi "unifier les js" ?

merci
++

Salut,

billboc a écrit :
salut, ça consiste en quoi "unifier les js" ?

Il ne s'agit pas d'unifier, mais de minifier.

Il s'agit de supprimer dans le code :
* les commentaires,
* les retours à la ligne et les retours chariot,
* les tabulations,
* les espaces excédentaires (en gros, s'il n'y a qu'une seule espace entre deux caractères imprimables, on peut la conserver).
Et l'on obtient un code qui tient sur une seule ligne. Cela permet d'économiser bon nombre d'octets et, par conséquent, de réduire le poids du fichier et donc d'économiser de la bande passante et d'améliorer les performances du site.

Prenons l'exemple du code de jQuery : celui de la dernière version stable pèse environ 50 ko quand il n'est pas compressé, mais environ 26 ko seulement (soit presque moitié moins) quand il est minifié. Cela dit, cet exemple est un peu biaisé, puisque le serveur hébergeant le code source de jQuery compresse les fichiers JavaScript en utilisant gzip.

À noter qu'on peut également minifier les CSS, voire le code HTML.

Si tu as un fichier slideshow.js non minifié et un fichier slideshow.min.js qui contient le même code, mais minifié, tu ne dois appeler que le fichier minifié (sinon, à quoi bon minifier un fichier ? ).
Modifié par Victor BRITO (09 Jan 2011 - 14:48)

merci beaucoup