Le blog Planeoo

Aller au contenu | Aller au menu | Aller à la recherche

vendredi 9 mai 2008

Amélioration des temps de chargement

Nous avons réduis les temps de téléchargement des pages en utilisant certaines astuces révélées par l'utilisation de YSlow, un module codé par Yahoo pour Firefox et fonctionnant en conjonction avec le module Firebug.

Dans les améliorations apportées, principalement:

  • Option Expire header configurée sur le serveur web Apache2 de Planeoo:

Dans /etc/apache2/apache2.conf :

ExpiresActive On
ExpiresDefault "now plus 7 days"

Dans /etc/apache2/mods-enabled/expires.load :

LoadModule expires_module /usr/lib/apache2/modules/mod_expires.so
  • Option "Etags" désactivée sur ce même serveur web, /etc/apache2/apache2.conf également:
# Disable Etags
FileETag MTime Size
  • Compression des données avec mod_deflate:

Dans /etc/apache2/mods-enabled/deflate.load:

LoadModule deflate_module /usr/lib/apache2/modules/mod_deflate.sole/deflate.load

Dans /etc/apache2/mods-enabled/deflate.conf:

<IfModule mod_deflate.c>
        AddOutputFilterByType DEFLATE text/html text/plain text/xml
        AddOutputFilterByType DEFLATE text/css
        AddOutputFilterByType DEFLATE text/javascript
        AddOutputFilterByType DEFLATE application/x-javascript
        AddOutputFilterByType DEFLATE application/xml
        AddOutputFilterByType DEFLATE application/x-httpd-php
</IfModule>

Malheureusement, impossible de trouver comment compresser à la volée les fichiers .js et .css avec cette méthode...

samedi 12 avril 2008

Planeoo Chat - Chapitre 1: le design sous Photoshop

Un petit aperçu du design créé sous photoshop pour le chat:

Planeoo Chat PNG

Cliquez ici pour obtenir le fichier Photoshop correspondant !

Pour ceux que celà intéresse et qui, comme moi, débutent dans le design sur Photoshop:

  • ouvrez le fichier et regardez comment les différents Layers ont été réalisés.
  • vous verrez également que le découpage a été effectué. Pour créer les différentes images qui constitueront le fond du Chat, il vous suffit d'aller dans File --> Save for Web & Devices , puis à nouveau cliquer sur Save.

Tout l'habillage dynamique (les différents boutons, les contenus des cases, ...) seront obtenus grâce au code qui sera fournit dans un prochain chapitre.

jeudi 10 avril 2008

Chantier du chat

L'équipe travaille d'arrache pied pour fournir un chat de type Instant Messenger intégré au site, codé en Ajax, permettant aux membres de se parler aisément.

Après de nombreuses recherches, il s'avère qu'il y a peu de code open source réellement intégrable au site. Aussi, on reprend tout à zéro, et pour les développeurs qui seraient intéressés par le code, il sera mis en ligne, avec éventuellement des explications si le besoin est exprimé !

Vu l'immensité du chantier, on prévoit une mise en prod de la v1.05 dans environ 1 mois. Et oui, c'est long, mais le site en sera transfiguré !

L'équipe Planeoo