Nouveautés du site : printemps 2013

Voici les derniers ajouts au site depuis le début de l'année: [+] vous pouvez désormais poster des vidéos en commentaire juste en donnant le lien texte de la vidéo (merci Anne-Gaëlle pour la sugggestion). [+] le javascript est désormais chargé de manière asynchrone grâce à la librairie head.js. En pratique, la page (HTML, CSS, images) se charge et l'utilisateur peut interagir avec immédiatement, le code javascript est lui chargé après. Cela règle le problème que j'avais évoqué en novembre 2012. […]

Lire la suite »

WordPress : des images qui ont perdu leur chemin

WordPress : des images qui ont perdu leur chemin photo

Problème : chemin erroné pour certaines images En allant faire un tour sur Google Webmaster Tools, je me suis aperçu qu'il y a avait des erreurs sur la page Si je pouvais (vraiment) choisir ma voiture… et effectivement, les images ne s'affichaient pas! Après vérification, il se trouve que le chemin des images était totalement inexistant : c'était un mélange d'URL publique et de chemin privé, donc aucun moyen que les images d'affichent comme il faut avec le chemin privé. […]

Lire la suite »

Serveur dédié : des paquets LAMP à jour sous Debian

Serveur dédié : installation d'Apache, PHP, MySQL et Webmin photo

Problème : des paquets vieillots Lorsque votre serveur tourne sous Debian, les paquets sont éprouvés mais souvent datés. Ils tournent bien mais on ne peut pas vraiment bénéficier des versions les plus actuelles pour Apache, MySQL ou PHP par exemple. La solution : ajouter un nouveau dépôt pour LAMP La solution est tout simple, il suffit d'ajouter un nouveau dépôt, Dotdeb, qui permet de mettre à jour les paquets libmemcached, mysql, nginx, percona-toolkit, php5, php5-pecl, pinba-engine, redis, ruby-passenger, zabbix. On […]

Lire la suite »

PageSpeed à 99%

pagespeed-99-201301

Ah, ce moment magique durant lequel tu constates que ta note PageSpeed monte à 99%, via GTmetrix : C'est beau, sachant qu'au niveau CSS, c'est la barre WordPress du haut qui génère l'overhead. Prochaine étape : mettre les fichiers statiques sur un sous-domaine cookieless.

Lire la suite »

Bash : réparer les tables MySQL en cas de crash

Bash : réparer les tables MySQL en cas de crash photo

Il arrive que parfois une table SQL soit complètement plantée, ce qui peut bloquer l'accès à la base de données et donc l'accès au site. Pour éviter cela, j'ai écrit un petit script bash qui me permet de stopper le serveur MySQL, procéder à la réparation de toutes les tables de toutes les bases de données puis relancer le serveur MySQL, Apache et Varnish. #!/bin/sh # MySQL Auto-Repair # Written by Matt - skyminds.net # stop the MySQL server /etc/init.d/mysql […]

Lire la suite »

WordPress : valider le code oEmbed Youtube en HTML5

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Le problème : le code des vidéos n'est pas valide en HTML5 Voici ce que le code oEmbed de WordPress donne par défaut avec un lien Youtube : Or le petit problème, c'est que tout cela n'est pas vraiment valide au niveau W3C et je commence à me lasser de voir ces erreurs de validation sur toutes les pages du site avec des vidéos : Erreur 1 : Attribute allowfullscreen not allowed on element iframe at this point. Erreur 2 […]

Lire la suite »

HTML5 : résoudre l'erreur "keyword publisher is not registered" (validateur W3C)

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Sur votre site ou blog, vous avez peut-être ajouté le widget ou bouton +1 de Google+, le réseau social de Google. Or le petit problème, c'est que le code fourni empêche la bonne validation du document. Voici le code fourni par Google : Google+ et voici l'erreur renvoyée par le validateur W3C : Keyword publisher is not registered HTML5 étant toujours en cours de réalisation, les valeurs de la balise rel sont assez restreintes et on ne peut pas mettre […]

Lire la suite »

Optimisation du site : octobre et novembre 2012

Optimisation du site : octobre et novembre 2012 photo 1

Ces derniers mois, j'ai passé un peu de temps à valider mes pages (HTML5) et à corriger quelques petits détails comme le chargement des javascripts en fin de page, l'optimisation de ma feuille CSS pour éviter les reflows... bref, j'ai optimisé le site. Et bien voilà ce que cela nous donne chez GTmetrix : et chez Pingdom : La plupart des erreurs restantes sont dues à l'admin bar WordPress (surtout au niveau des CSS) et à la publicité, que je […]

Lire la suite »

WordPress : nettoyage de la base de données

WordPress : récupérer la liste emails des membres et commentateurs photo

Avec le temps, les mises à jour successives et l'installation de différents plugins, la base de données de WordPress a tendance à prendre du poids, ce qui nuit aux performances. Voici donc comment lui faire bénéficier d'un petit régime. N'oubliez pas de faire une sauvegarde de votre base de données avant de lancer ces requêtes. Backup now. Nettoyage de wp_postmeta Avant optimisation, ma table wp-postmeta faisait 12 403 enregistrements. DELETE FROM wp_postmeta WHERE meta_key = '_edit_lock'; DELETE FROM wp_postmeta WHERE […]

Lire la suite »

PHP : les bons en-têtes pour permettre la mise en cache d'une page

Je me suis rendu compte qu'un des fichiers javascript d'un plugin WordPress est appelé sur chaque article du site et qu'il n'est pas mis en cache par défaut... C'est très moyen au niveau opimisation étant donné que c'est typiquement le genre de fichier statique qui n'est pas prêt d'être modifié. Voici donc les en-têtes (headers) qui vont nous permettre de mettre un fichier en cache en PHP :

Lire la suite »

WordPress : afficher les quicktags à tous les visiteurs (plugin Comment Form Quicktags)

J'utilise le plugin Comment Form Quicktags sur le site pour simplifier la vie de celles et ceux qui souhaitent laisser des commentaires. Un petit clic et hop, on peut mettre en page son commentaire facilement. Ce plugin présente un problème : les quicktags ne sont affichés qu'aux utilisateurs enregistrés (membres du site). Or l'intérêt d'un tel plugin est d'être accessible à tout le monde, membre ou simple visiteur occasionnel. Voici comment le modifier pour que tous puissent y avoir accès […]

Lire la suite »

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: