Commentaires sur : NightAngel.fr : Un thème en fonction de l’heure

Par : oli

oli — Fri, 18 Sep 2009 22:43:54 +0000

jour
.
.
.
.
.
.
.
nuit
.
.
.
.
.
.
.
.
jour
.
.
.
.
.
.
.
.
whaou, ça marche :-)

Trève de plaisanterie, je rejoins Séverin et te propose même de tester Yslow, plugin pour firefox qui te permettra d’optimiser ton site aux petits oignons ;-) Je recommande la doc du plugin qui est une véritable mine de conseils. http://developer.yahoo.com/ysl[...]index.html

Par : NightAngel

NightAngel — Fri, 18 Sep 2009 14:44:06 +0000

@Séverin : Les CSS et les JS, c’est ma grande passion en ce moment :lol: Il faudra que je fasse un peu le tri à l’occasion mais là je n’ai vraiment pas le temps. Il paraît qu’il y a une réunion WIA ce soir et comme j’ai quelques kilomètres pour y venir :razz: Etienne sera de la partie

Par : Séverin

Séverin — Fri, 18 Sep 2009 14:36:58 +0000

Hou la vache, je viens de voir tout ce que tu as en fichiers JS. C’est violent quand même.

Et au passage, GZip est plus efficace sur un seul gros fichier que plein de petits.

Par : Séverin

Séverin — Fri, 18 Sep 2009 14:35:41 +0000

Sinon, le truc sympa que tu peux faire c’est de faire ton design en double couche et tu fais varier l’opacity de night par dessus day en fonction de l’heure et comme ça, le design change en temps réel.

En jQuery parce que c’est plus vite écrit :P

var opacity = 0;
if (HeureLocale.getHours() > 18 && HeureLocale.getHours() < 23) {
opacity = 0.2 * (HeureLocale.getHours() - 18);
}
$('.night').opacity(opacity);

Comme ça, de 18 à 23h, tu as 5 niveau de couleur différents. Mais c'est vrai que c'est valable que pour les images.

Par : NightAngel

NightAngel — Fri, 18 Sep 2009 14:18:14 +0000

@Fox15 : Tu peux me balancer ton adresse MSN sur mon mail : webmaster@nightangel.fr

@Séverin : Je ne pensais pas que les JS et les CSS comptaient pour Google : merci pour l'info, c'est bon à savoir ! Il est possible que j'utilise ta méthode, cependant je ne sais pas encore si je vais conserver ce système puisque c'est assez lourd d'entretenir plusieurs thèmes, pour un intérêt finalement assez limité. Au début je voulais faire un thème par saison ou ce genre de connerie mais ça demande vraiment trop de temps :mad:

Par : Séverin

Séverin — Fri, 18 Sep 2009 14:07:18 +0000

@Night : Sisi, le visiteur aussi y gagne. PAs énormément, mais quand même, si il fait du P2P en même temps par exemple, la différence, il la verra.

Et surtout, ton SEO a tout à y gagner. Plus une page est rapide à charger mieux elle sera référencée. Et oui, le JS et le CSS compte pour Google (test effectué).

Par : FOx15

FOx15 — Fri, 18 Sep 2009 13:55:59 +0000

avec mon blog je fais de la merde, en fait j’ai un thème trop chiant qui respecte rien

Par : NightAngel

NightAngel — Fri, 18 Sep 2009 13:52:28 +0000

@Séverin : Ah OK, au départ je pensais que tu voulais limiter le volume de données déplacé, mais en fait, avec ta méthode, le volume de données ne change pas, c’est le nombre de requêtes qui est diminué. Et quand tu dis “une seule requête” cela suppose, sauf erreur de ma part, que tu charges la CSS “globale” en cache, ce qui n’est pas mon cas LOOOL. Je reconnais sans conteste l’efficacité de ta méthode, qui permet finalement d’économiser quelques requêtes, mais je ne pense pas que ce gain soit probant pour mon utilisation et pour celle de la majorité des blogueurs qui ne reçoivent pas des milliers de visiteurs tous les jours sur des hébergements foireux (si, si!). Après sur un projet plus ambitieux, à plus grande échelle, ta méthode est clairement meilleure. Pour ma part je préfère séparer mes CSS pour des questions évidentes de “lisibilité personnelle” parce que je revois en permanence le code de mon blog. Merci pour ton commentaire en tous cas et j’apprécie vraiment ta méthode : PAS CON DU TOUT!

@FOx15 : Un jour il faudra vraiment que l’on parle de “tout ça” par MSN ou autre parce que je me demande vraiment qu’est ce que tu fais :lol:

Par : FOx15

FOx15 — Fri, 18 Sep 2009 13:08:32 +0000

@NightAngel : j’ai testé le plugin mais çà fout le boxon sur mon blog donc viré :o
je patienterai pour un tuto même à l’arrache :razz:

Par : Séverin

Séverin — Fri, 18 Sep 2009 13:01:57 +0000

Les perfs, tu les gagnes sur de la quantité, surtout avec les bon entêtes Expire.

Avec ta technique :
Un visiteur arrive le matin,il fait 2 requêtes, une pour le global et une pour le day. Il repasse le soir, il fait une 3eme requête pour le night.

Avec ma technique :
Un visiteur arrive le matin, il fait une seule requête pour la feuille unique. Il repasse le soir, il fait pas de requête puisque la feuille est unique.

Donc, 3 requête vs 1. Et même si le fichier est plus gros, les ressources de traitement de la file d’attente et les tests de sécurité sont évités. En gros, bande passante un brin plus utilisée mais serveur pas mal allégé.

En gros, c’est les mêmes gains/perte qu’avec du sliding door ou du css sprites