Depuis quelques semaines maintenant, je me suis lancé dans une optimisation très pointue du site www.oasisfr.com.
J'utilise firefox avec l'extension firebug + pagespeed depuis bientôt un an.
C'est très sympa et souvent très pratique :
J'ai notamment pu améliorer la rapidité de chargement des pages (mod_deflate de apache) et l'optimisation de la mise en cache.
Cependant il reste des points plutôt impossibles à résoudre (dimension des images récupérées sur ebay etc...)
Il existe très peu de sites web français qui parlent de ces outils, essayez plutôt http://www.askapache.com/
Beaucoup de paramétrage s'effectue sur le .htaccess. Mais il peut arriver que vous ne profitiez pas des améliorations si vous êtes derrière un proxy (comme moi au boulot par exemple :) )
Dans les chantiers futurs il y aura la nouvelle version de smarty (V3) qui sera plus performante (enfin j'espère). Mais pour le moment c'est toujours une beta. Donc je veux pas de mauvaise surprise.
J'ai finalement trouvé un moyen de rassembler mes javascript et css et de les "minimiser" grace à "Minify".
Comme vous avez pu le voir j'ai également développé un module très web 2.0 du site avec une collaboration avec csoasis: le forum oasis. Ce module permet de mettre votre discographie + vos revues + vos lives sur votre profil.
Depuis ce week end je travaille sur l'optimisation du site grâces aux outils tels que "Page Speed" et "FireBug" 2 modules très intéressants de de Firefox.
Google encourage d'ailleurs d'appliquer ces règles. Plus les documents sur internet seront conformes et plus il seront rapides au chargement.
J'optimise donc le css, le cache et aussi les images. Il reste pas mal de boulot concernant les javascript. Car le mieux serait de faire un seul javascript. Mais pour le moment c'est pas tellement faisable avec les outils que j'ai choisi. Il va falloir pas mal de temps. Mais c'est un vrai défi !
Sinon l'annuaire oasisfr avance un peu, mais pas aussi vite que prévu.
Le module picasaweb est en train se finaliser. Vous pourrez voir dans les prochaines semaines, plein de nouvelles photos sur oasis.
Le seul reproche qu'on peut faire à google et picasaweb c'est l'absence quasi systématique de création de miniature au format carré. Ce format est pourtant repris quasiment partout maintenant car il permet une meilleure mise en page.
Regardez les pages flickr et ce que j'ai pu faire pour la partie photos d'OasisFr, c'est clair et efficace. Je ne comprends vraiment pas pourquoi google ne réalise pas (encore) de telles choses !
Après les séries comme House et les Experts, Je pense sérieusement que l'avenir sera aux séries tournées vers l'informatique.
Vous n'avez qu'a regarder le personnage de Lisbeth Salander dans la saga Millenium
L'idée est donc lancée, mais j'imagine que c'est déjà dans les tuyaux. Il est vrai qu'internet et l'informatique sont partout maintenant. Impossible de passer un jour sans entendre le mot internet au détour d'une conversation.
La première chose à faire est de trouver un nom,... mais bon on est vite parti en délire est l'idée s'est vite transformée. Hasard du calendrier, Cannes c'est en ce moment. Du coup l'idée s'est transformée récompenses pour l'informatique. Mais des récompenses un peu spéciales :
Bug de l'année, message d'erreur débile, faille de sécurité de beau gosse etc... et notre palme d'or à nous les informaticiens ça serait le "Mulot d'Or"
Cette année, je pense que le magnique "faux positif" d'AVG remporte le MULOT d'OR !
Donc il y a 2 idées : Une série télé Informatique et Les Mulots d'Or.
Voila le script légèrement modifié que j'ai trouvé sur le net
J'ai ajouté les lignes "collate" car j'avais des problèmes lors de l'import dans sqlite,
J'ai également ajouté une ligne "CHAMPSET" pour un champs particulier qui était en type "SET" (un peu comme enum) .
J'ai également ajouté la ligne concernant iconv pour repasser le fichier .sql de UTF-8 en ISO-8859-1 , car il avait des soucis de caractères accentués...
C'est pas génial mais ça à l'air de fonctionner... pour le moment.
Il doit y avoir des variantes avec le paramètre --default-character-set de mysqldump. Il faut que je regarde encore cela..
#!/bin/sh
if [ "x$1" == "x" ]; then
echo "Usage: $0 <dbname>"
exit
fi
if [ -e "$1.db" ]; then
echo "$1.db already exists. I will overwrite it in 10 seconds if you do not press CTRL-C."
COUNT=10
while [ $COUNT -gt 0 ]; do
echo "$COUNT"
sleep 1
COUNT=$((COUNT - 1))
done
rm $1.db
fi
/usr/bin/mysqldump -u root -p --compact --compatible=ansi --default-character-set=binary $1 |
grep -v ' KEY "' |
grep -v ' UNIQUE KEY "' |
grep -v ' PRIMARY KEY ' |
sed 's/ unsigned / /g' |
sed 's/ collate utf8_unicode_ci/ /gi' |
sed 's/ collate latin1_general_ci/ /gi' |
sed 's/ collate latin1_german1_ci/ /gi' |
sed 's/ collate latin1_general_cs/ /gi' |
sed 's/ collate utf8_bin/ /gi' |
sed 's/ auto_increment/ primary key autoincrement/gi' |
sed 's/ smallint([0-9]*) / integer /gi' |
sed 's/ tinyint([0-9]*) / integer /gi' |
sed 's/ int([0-9]*) / integer /gi' |
sed 's/ character set [^ ]* / /gi' |
sed 's/ enum([^)]*) / varchar(255) /gi' |
sed 's/ "CHAMPSET" set([^)]*) / "CHAMPSET" varchar(255) /gi' |
sed 's/ on update [^,]*//gi' |
perl -e 'local $/;$_=<>;s/,\n\)/\n\)/gs;print "begin;\n";print;print "commit;\n"' |
perl -pe '
if (/^(INSERT.+?)\(/) {
$a=$1;
s/\\'\''/'\'\''/g;
s/\\n/\n/g;
s/\),\(/\);\n$a\(/g;
}
' > $1.sql
iconv -c -s --from-code=UTF-8 --to-code=ISO-8859-1 $1.sql -o $1.iso.sql
cat $1.iso.sql | sqlite3 $1.db > $1.err
ERRORS=`cat $1.err | wc -l`
if [ "$ERRORS" == "0" ]; then
echo "Conversion completed without error. Output file: $1.db"
rm $1.sql
rm $1.err
else
echo "There were errors during conversion. Please review $1.err and $1.sql for details."
fi
Parfois le serveur qui héberge le site part en erreur suite à un problème de connexion à la base données Mysql.
En analysant le problème, il semblerait que c'est un problème lié à la limitation du nombre de connexions sur le serveur. Il n'y a rien à faire, juste à attendre que des connexions se libèrent. Généralement au bout de 15 minutes cela revient dans l'ordre... Mais pas toujours.
Pour éviter ce désagrément, j'ai bien réfléchi est j'en suis venu à la conclusion que :
Il faut que je modifie un grand nombre de scripts pour que le "cache serveur" de smarty tienne mieux son rôle.
Le système de "cache serveur" ne peut pas être une réponse absolue au problème, car dépassé le temps limite, la page devra quand même être regénérée.
Une solution possible serait de basculer sur un autre serveur ou sur un autre type de base qui n'aurait pas ce genre de problème
J'ai exploré ces 2 pistes :
1. Une bascule de mysql vers sqlite a été possible, mais je n'ai pas encore fini mes tests.
Voila les étapes dans l'ordre.
- Recup de la sauvegarde de la veille de la base Mysql du serveur oasisfr.com
- Génération de la sauvegarde Mysql sur un serveur Mysql local.
- Utilisation d'outils trouvés sur sqlite.org, avec adaptation (surtout sur les collate utf8...)
- reposer la base "sqlite" sur le serveur d'oasisfr
- modifier les scripts pour utiliser les fonctions sqlite plutôt que ceux de mysql (tout reprogrammer pour du sqlite)....
2. Bascule de serveur
- Recup de la base et des scripts php du site.
- Paramétrer un serveur "secondaire" et tout poser sur ce serveur
- Trouver un moyen pour basculer de serveur en cas de problème.
Remarques :
Si j'avais l'admin total par ssh du serveur d'oasisfr, j'aurais pas tellement besoin de tout rapatrier. L'accès est restreint et c'est plutôt normal sur un serveur mutualisé.
Outils que j'utilise pour le moment :
ncftp, sqlite, find, gz, mysql, mysqldump, winscp, putty
Dans une des dernières interviews de Noel Gallagher, celui ci a déclaré qu'ils allaient faire une setlist légèrement différente pour la tournée d'été.
A Lima (Pérou) le 30 Avril 2009, lors de la balance son, le groupe a joué quelques ancien/nouveau titres :
Live Forever
Roll With It
Half the World Away
Gas Panic! (d'au moins 10 minutes)
Il est fort probable que ces titres feront partie de la setlist de cet été.
OasisFr est le seul site web sur Oasis à ne pas "piquer" les photos des gens. J'apporte une très grande importance aux droits d'auteurs, c'est pour cela que j'utilise depuis des années Flickr, un siteweb qui permet de montrer les photos sur Oasis tout en respectant les droits d'auteurs.
Hier soir j'ai essayé avec Picasaweb et le système est relativement similaire mais les api sont bloquées à 1000 images.... Du coup je ne sais pas si je vais l'utiliser.
Dans tous les cas, j'aimerais mieux développé la partie "photos" du site.
Petite interrogation en ce jour de repos. Concernant le nom de ce petit blog, pourquoi pas wonderblog. Wonderwall est certes très vendeur, mais Wonderblog, ça en jette, Non ?
Et pendant ce temps là Liam et Noel Gallagher et tout le groupe Oasis sont en Amérique du Sud en train de s'amuser comme des petits fous avec leur masque :
Internet est en train de changer... après yahoo, google, wikipedia... le monde numérique accouche de trucs totalement inutiles. Facebook fait parti de ces "machins". C'est du réseau social, super et en fait, c'est quoi de plus que ce que faisait copain d'avant il y a 10 ans.
Facebook est plus "web2" c'est tout. Mais ça ne sert à rien d'ajouter 1 Millions d'applications, le fond de ce système, c'est un espace pour glander ! Je trouve cela pathétique et inutile. Sur terre, il y a mieux à faire vous ne croyez pas ? Lorsque je vois que certains employés se font "capter" parce qu'ils surfent sur Facebook au bureau... Merci Darwin, la théorie de l'évolution, quand on est con... (on mérite de se faire choper).
Comme le disait Coluche : "Il y a 2 trucs qui dirigent le monde : Le Pognon et le Cul !".
Internet fait partie du monde, donc internet c'est du Pognon et du Cul ! Pas étonnant que les "pubs" sur facebook sont essentiellement ciblée sur le cul, appelez ça comme vous voulez, rencontres, meetic, pathétique.... Tout tourne autour du cul... ( c'est sus-pet et c'est pire que lèche cul ! )
Cela me fait penser à une réplique dans Fight Club :
La pub nous fait courir après des voitures et des fringues. On fait des boulots qu'on déteste pour se payer des merdes qui nous servent à rien.
Et comme le disait le célèbre philosophe Mick Jager
Pour le moment, le budget du site n'est toujours pas à l'équilibre. J'essaye d'enrichir au mieux le contenu du site, mais c'est quand même assez long à mettre en place.
En conclusion, il n'est pas évident d'arriver à gagner un peu d'argent avec un site web... En plus, la rentabilité d'un site web associé à un artiste est très lié à l'activité de cet artiste.
Donc, il y a des années ou l'argent tombe et d'autres ou l'argent ne tombe pas beaucoup.
Par Gilles RIAND le mercredi, 29 avril 2009, 17:42
Après de nombreux tests des différents systèmes de blog, je me suis finalement décidé. Ca sera DotClear.
Alors c'est quoi que ce blog "Wonderwall" sur OasisFr ? Au début, je pense faire un peut ce que j'ai fait sur avec "blogger" et ~develop, c'est à dire que je vais parler ici du développement d'OasisFr. Mais je pense aussi en faire des pages perso et pros.
Donc une de mes premières missions va être de rapatrier les informations de blogger sur ce nouvel espace. Cela risque de me prendre un peu de temps. Dans un deuxième temps et s'il y a des gens motivés je peux également ouvrir un espace "gratuitement" à tout ceux qui veulent écrire des trucs.
Je suis Gilles RIAND, responsable d'OasisFr. Sur le forum csoasis je suis "avi" un des admin.
Vous le savez peut-être j'aime bien les trucs nouveaux sur le net. Surtout les trucs qui donnent un plus à un site. Voici un module que je viens de découvrir...
C'est un truc de ouf. Indispensable quand on veut mettre à disposition des photos. Il s'agit de Piclens.
Il s'agit d'un plugin très evolué sur firefox, un peu plus chiant à l'installation sur IE, mais ca marche quand même. J'ai même déjà testé sur Firefox 3... qui devrait sortir dans quelques jours. Mais revenons à piclens !
Allez faire un tour sur piclens.com vous allez être sur le cul !
j'ai déjà mis a disposition les premières selection des photos "flickr" sur OasisFr, une espèce de sélection des meilleures photos disponibles avec un tag "Oasis" sur les serveur de flickr.
J'imagine que personne ne capte réellement ce que je suis en train d'écrire. Mais croyez moi sur parole alors. Ce truc est dément !
2009/04/29/Piclens....-un-truc-de-ouf-!
Je vais mettre ça en place pour les photos et les vidéos assez rapidement....
Cela fait quelques années que j'ai pas mal de fanzines d'Oasis dans un placard ici. J'ai décidé ce soir d'en faire profiter un maximum. Car à mon avis très peu de personnes ont encore ces exemplaires devenus cultes pour les fans.
Voici par exemple le N°8 de Lasagne! ce N° doit dater de 1996.
Hello tout le monde, Hein, y a personne qui répond...
Voici les dernières nouvelles du développement d'OasisFr. Des gens m'ont contacté pour être chroniqueur/chroniqueuse... Ca ferait du bien au site d'avoir des nouveaux, je sais plus tellement quoi écrire dans les news.... C'est en cours, il faut que je modernise la partie Admin
Le blog du 'développement' change d'adresse fini le "dev2" dans l'adresse vive le "develop".
Bon sinon au menu des news sur le 'dev' j'ai pas mal url-rewrité ces derniers temps et j'ai réalisé sur un petit script php sur un linux à la maison : un spider pour crawler les pages du site, découvrir les erreurs et réaliser des stats sur les pages. Tout ça dans le but de mieux tissé la toile interne du site...
J'ai également réalisé des antipixel (boutons de dimension 80x15) et préparé une page pour "remercier" les logiciels que j'utilise....
Pour finir je me suis inscrit dans un programme de calcul distribué BOINC sur une partie de mon parc informatique.
Vous connaissez tous le SETI_at_HOME, même si ce projet est plutôt polémique (recherche des extraterrestres), il a été le premier projet de calcul distribué a grande échelle. Il a ouvert la voie aux nouveaux projets. Maintenant avec l'interface BOINC, c'est très simple. Un seul programme s'occupe de tout : BOINC ! On s'inscrit aux projets qu'on veut : Einstein_at_home, Lhc_at_home, Primegrid, etc... Tellement je suis motivé j'ai même fait une équipe OasisFr sur primegrid. Bon c'est vrai je suis toujours seul dans l'équipe.....
Depuis quelques semaines, je suis en plein développement sur le thème du "Store" (Magasin). Vendredi je suis tombé par hasard sur une doc d'Apple.
C'est exactement ce que je cherchais depuis des années. J'ai donc passé le week-end à réaliser ce qui me trotait dans la tête depuis tout ce temps :
OasisFr.Com est très heureux d'être un des tous premiers sites au
monde à proposer ce genre de chose :
Vous pouvez consulter le catalogue Oasis sur l'ensemble des iTunes Store à travers le monde en quelques clics. Vous pouvez également cliquez sur les liens pour lancer la page concernée dans Itunes Store (seulement si vous avez iTunes, hélas !)
Je ne sais pas pourquoi Apple a voulu tout faire dans son iTunes, ils auraient du faire une plateforme uniquement web également, cela aurait été un vrai plus pour les fournisseurs de contenu web.
Ca y est depuis quelques heures j'essaye de tout passer en UTF-8
J'ai du me resigner à revenir en XHTML1.0 au lieu du XHTML1.1 a cause de IE qui voulait à chaque page la télécharger. C'est que ce beignet de IE ne capte pas l'information application/xhtml+html correctement....
Bon je vous laisse j'ai encore pas mal de boulot......
