drupal

Sortie de Drupal 7 : Il faut fêter ça !

Soumis par bonvga le 3 janvier, 2011 | Laisser un commentaire (2)

La version 7 de Drupal vas sortir ce vendredi 7 janvier 2011 !

A cette occasion, Le site Drupal 7 Release Party recense les apéros du monde entier pour fêter cet évènement dignement

Meilleurs vœux à tous et longue vie à Drupal !

Posté dans les catégories drupal et drupal 7 | Laisser un commentaire (2)

Drupal : Use cookie-free domains

Soumis par bonvga le 11 septembre, 2010 | Laisser un commentaire (3)

Si vous utilisez les extensions Firefox Yslow ou encore Google Page Speed sur un site Drupal, vous constaterez que la directive "Use cookie-free domains" et très souvent au niveau F (c'est-à-dire le plus mauvais).

Tout d'abord, que signifie "Use cookie-free domains" ? L'idée consiste à limiter la transmission des cookies entre le client et le serveur au strict nécessaire. Pour cela, il faut forcer le serveur à poser les cookies sur un domaine et charger les éléments statiques de la page depuis une autre url.

Voici ce que remonte Yslow pour l'url http://www.bonvga.net/ sans cette optimisation :

En effet, par défaut, Drupal va poser les cookies sur le domaine .bonvga.net. Notez bien la présence implicite du joker, le cookie est donc posé sur *.bonvga.net. Drupal va également fournir des chemins relatifs vers les fichiers statiques, de ce fait ils sont chargés sur le même domaine que la page et donc le client sera forcé de transmettre les cookies pour chacune des requêtes vers les fichiers statiques.

Voici ma méthode pour optimiser ce point. Il y a peut-être d'autres solutions. Pour résumer je vais forcer Drupal à :

poser les cookies sur le domaine www.bonvga.net
réécrire les urls des éléments statiques vers le domaine static.bonvga.net

1 - Poser les cookies sur www.bonvga.net

Pour forcer le serveur à poser les cookies sur un domaine, il suffit de spécifier la variable $cookie_domain dans le fichier settings.php du site :

/**

 * Drupal automatically generates a unique session cookie name for each site

 * based on on its full domain name. If you have multiple domains pointing at

 * the same Drupal site, you can either redirect them all to a single domain

 * (see comment in .htaccess), or uncomment the line below and specify their

 * shared base domain. Doing so assures that users remain logged in as they

 * cross between your various domains.

 */

$cookie_domain = 'www.bonvga.net';

2 - Réécrire les urls des éléments statiques

Ça parait simple comme ça, mais en fait il va falloir entrer dans les méandres de Drupal et créer un module qui aura cette mission. Je vais détailler la mise en oeuvre du module en 5 étapes :

création du module
changement de l'ordonnancement du module pour être exécuté en dernier
capture de l'intégralité de la page
détection des liens à changer
fonction de réécriture

2.1 - La création du module

Créer un répertoire pour le module dans 'sites/all/modules'. Pour cet exemple, le module s'appellera 'optimcookie'. Commençons par créer le fichier optimcookie.info pour que Drupal trouve le module.

name = Cookie-free domains

description = "Cookie-free domains"

package = bonvga

core = 6.x

version = 6.x-1.0-dev

2.2 - Changement de l'ordonnancement du module

Le module va travailler sur la page générée par Drupal, il faut donc spécifier que ce module doit s'exécuter en dernier parmi les autres modules de Drupal. Pour cela, je vais utiliser le hook_install et modifier le poids du module dans un fichier nommé optimcookie.install. Le hook_install sera invoqué par Drupal une seule fois lors de l'installation du module.

<?php

function optimcookie_install() {

  db_query("UPDATE {system} SET weight = 126 WHERE name = 'optimcookie' AND type = 'module'");

}

Notez que le poids attribué au module est 126 alors que le poids maximum est 127. Ainsi, je laisse la possibilité à d'autres modules de s'exécuter vraiment en dernier, ce qui est le cas pour le module Javascript Aggregator par exemple.

2.3 - Capture de l'intégralité de la page

Maintenant, il faut créer le fichier du module en le nommant optimcookie.module. Pour capturer la page, je vais utiliser le hook_init et le hook_exit chacun s'exécutant respectivement au début et à la fin de la construction de la page. Pour intercepter le contenu de la page, je vais utiliser les fonctions d'output buffering de php. Le module sera rendu inactif sur toute la zone d'administration du site.

<?php

function optimcookie_init() {

  if (arg(0)!='admin') {

    ob_start();

  }

}

function optimcookie_exit() {

  if (arg(0)!='admin') {

    $buffer = ob_get_clean();

    // réécriture des urls

    echo $buffer;

    if (variable_get('cache', CACHE_DISABLED) != CACHE_DISABLED) {

      page_set_cache();

    }

  }

}

À ce stade, si vous lancez le module, il ne va rien se passer. Il manque encore le code pour réécrire les urls.

2.4 - Détection des liens à changer

Le code ci-dessous est à placer juste après le commentaire 'réécriture des urls'. Les expressions régulières vont intercepter les liens à réécrire et passer les informations à une callback nommée optimcookie_rewrite_url. Dans cet exemple, j'intercepte l'url du favicon, les urls des fichiers javascript, les urls des feuilles de style et les urls des images.

    // réécriture des urls

    $buffer = preg_replace_callback(

      "/<(link([^>]*)rel=\"shortcut icon\")([^>]*)(href=)[\"\']?([^\"\']+)[\"\']?([^>]*)>/",

        "_optimcookie_rewrite_url",

        $buffer

    );    

    $buffer = preg_replace_callback(

      "/<(script([^>]*)type=\"text\/javascript\")([^>]*)(src=)[\"\']?([^\"\']+)[\"\']?([^>]*)>/",

        "_optimcookie_rewrite_url",

        $buffer

    );    

    $buffer = preg_replace_callback(

      "/<(link([^>]*)type=\"text\/css\")([^>]*)(href=)[\"\']?([^\"\']+)[\"\']?([^>]*)>/",

        "_optimcookie_rewrite_url",

        $buffer

    );    

    $buffer = preg_replace_callback(

      "/<(img(([^>]*)))(src=)[\"\']?([^\"\']+)[\"\']?([^>]*)>/",

        "_optimcookie_rewrite_url",

        $buffer

    );

Notez qu'ici, toutes les urls sont interceptées et passées à la callback. Les urls absolues ne devront pas être réécrites donc il faudra faire le tri dans la callback.

2.5 - Fonction de réécriture

La fonction de réécriture est en charge de :

transformer les urls absolues du domaine courant en urls relatives
puis, transformer les urls relatives en urls absolues vers un domaine autre que www.bonvga.net, par exemple static.bonvga.net.

function _optimcookie_rewrite_url($match) {

  // à adapter en fonction du domaine !

  // ici, on transforme les urls du domaine courant en url relative

  $match[5] = preg_replace('/^http:\/\/(www|dev).bonvga.net/', '', $match[5]);

  // on réécrit uniquement les urls relatives

  if (!preg_match('/^http/', $match[5])) {

    $match[5] = 'http://static.bonvga.net/'.$match[5];

  }

  return "<".$match[1].$match[3].$match[4]."\"".$match[5]."\"".$match[6].">";

}

Voilà, le module est prêt, il n'y a plus qu'à tester.

4 - Analyse d'Yslow après avoir activé le module

Houra ! Nous voici au niveau A !

Sachez qu'il est possible d'aller plus loin, avec la fonction _optimcookie_rewrite_url, avec quelques lignes supplémentaires il est possible de "paralléliser les requêtes" HTTP sur plusieurs domaines.

J'espère avoir été clair et que cette méthode pourra vous servir.

Posté dans les catégories cookie, drupal, module, pagespeed, performance et yslow | Laisser un commentaire (3)

Drupal PubSubHubbub module

Ajouté le 8 mars, 2010

http://code.google.com/p/pubsubhubbub/ : Lien vers Drupal PubSubHubbub module.

Test de Drupal 7

Soumis par bonvga le 17 février, 2010 | Laisser un commentaire

Ce soir, de retour de Paris, j'ai testé Drupal 7 (alpha 1) dans le train. Voici quelques points qui ont attiré mon attention.

Accessibilité et ergonomie : Au premier abord, l'interface a pris un sérieux coups de lifting ! Terminé les fieldsets avec des scroll interminables avec l'apparition des onglets verticaux. L'ensemble de ces évolutions graphiques/ergonomiques m'ont fait penser à ce qui se fait sur Wordpress actuellement. Ajout des modules Dashboard et Shortcut pour personnaliser l'administration du site et l'amélioration de la gestion des blocs.

Côté javascript, sont disponibles nativement jQuery 1.3.2 et jQuery UI 1.7.2.

Overlay : Un module monstrueux, j'ai regardé un peu le code, c'est pas mal fichus. Le module permet d'embarquer une page en sur-impression de la page courante (overlay). Techniquement, il s'agit en fait d'une iframe ajoutée au DOM en javascript. L'iframe permet d'éviter des appels ajax lors de la navigation. Ce module permet d'intégrer la partie administration et gestion de contenu directement sur la page courante et ce en ayant un thème pour le site et un autre thème pour l'administration.

Côté base de données, l'intégration de PDO (full objet), l'amélioration du support de PostgreSQL, l'ajout du support Sqlite. Gestion des clusters maître/esclave.

L'apparition du web sémantique avec le module RDF.

Field Api remplace CCK. Il permet de créer de nouveaux type de champs (image, texte, taxonomy...) sur un type de contenu.

Le module Image remplace ImageCache. Il permet d'appliquer des transformations sur vos images (scale, crop...)

Les thèmes : Garland reste le seul survivant parmi les thèmes de Drupal 6. Le nouveau thème Seven semble idéal pour l'administration et le thème Stark est dédié au développement de nouveaux thèmes.

Et j'en passe ! Si le sujet vous intéresse, je vous recommande la lecture des articles mentionnés chez Arnaud Ligny. Et si vous souhaitez entrer dans le vif du sujet, vous pouvez installer la version de développement de Drupal 7.

Posté dans les catégories drupal et drupal 7 | Laisser un commentaire

Drupal 7 : avis et retour d'expérience

Ajouté le 10 février, 2010

Drupal 7 est toujours en cours de développement (ou plutôt en cours de finition), néanmoins une version alpha à été publiée : l'occasion idéale de faire ...

[ Lire la suite ]