Spip :: Filtre |image_optimiser
le
Dans ce Hack nous allons voir comment créer un filtre pour Spip afin d’optimiser nos images Jpeg et Png. Cette optimisation est nécessaire si vous souhaitez améliorer les performances d’affichage de votre site et si vous voulez obtenir un bon score avec "Page Speed" de Google.
Notre filtre va utiliser 2 utilitaires préconisés par Google, jpegoptim et optipng.
Pour les installer (Linux/Ubuntu) : sudo apt-get install jpegoptim optipng
Dans le dossier squelettes de votre Spip ouvrez le fichier mes_fonctions.php ou créez-le s’il n’existe pas puis ajoutez le code suivant :
/**
* Filtre (...)
Spip :: Filtre |qr_code
Dans le Hack n°1 je vous proposais de générer un QR Code avec l’url de la page en cours via une requête en Javascript. Cette approche simple à mettre en œuvre avait quand même le problème de faire une nouvelle requête au web service de Google à chaque affichage de la page, ce qui peut être pénalisant en cas de non réponse ou de latence. De plus le Javascript était obligatoire pour que cela fonctionne.
L’approche de ce nouveau Hack est basée sur la création d’un filtre pour Spip. Ce filtre pourra être appliqué à divers éléments et plus seulement à l’url de la page. De plus, ce filtre va gérer un cache et ne (...)
Cherokee :: 6 règles pour Spiper en paix
le | Tags Cherokee, Hack, Spip, Web
Ce Hack va nous permettre de configurer les règles nécessaires dans Cherokee pour accueillir une installation de Spip dans de bonnes conditions.
Après avoir configuré le vhost qui va bien dans Cherokee (voir la documentation) et installé votre instance de Spip (ne pas tenir compte du message final) nous avons besoin de configurer six règles pour pouvoir Spiper en paix...
Donc, dans la console d’administration de Cherokee, sélectionnez le vhost précédemment créé puis activez l’onglet "Behavior" et cliquez sur "Rule Management".
La première règle à configurer est celle par défaut et nous allons (...)
Spip :: Filtre |image_base64
le | Tags HTML, Hack, Spip, Web, php
Le filtre que le vous propose ici va nous permettre d’encoder les images en base64 et ainsi de pouvoir les intégrer directement en ligne dans le code HTML de notre page. Et là, vous allez me dire : mais pourquoi faire que Diable ? et je vais vous répondre : bah, pour limiter le nombre de requêtes HTTP et optimiser un peu les accès serveur pardi !!
Notez que cette technique est aussi très avantageuse pour les images présentes en CSS, mais nous verrons cela dans un autre Hack ;)
Ouvrez donc le fichier mes_fonctions.php à la racine du répertoire de votre squelette (au besoin créez le fichier) puis (...)
Spip :: Google Chrome Frame
le | Tags Google, Hack, Spip, Web, php
Dans ce Hack nous allons voir comment intégrer la prise en compte de Google Chrome Frame dans un site Spip.
Pour mémoire Google Chrome Frame est un plugin pour Internet Explorer qui intègre le moteur de rendu de Google Chrome, soit Webkit (à la sauce Google). Ceci permet donc pour un utilisateur qui souhaite garder son IE (on a tous nos problèmes...) de pouvoir bénéficier des dernières avancées du web telles que HTML5, CSS3 et moteur Javascript ultra rapide, ainsi qu’au développeur de pouvoir proposer ces mêmes technologies sans avoir à se soucier de la compatibilité avec IE.
Ce plugin quand il est (...)
