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 : <p><iframe width="660" height="371" src="https://www.youtube.com/embed/Gvh2Zo7UL6E?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p> 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 […]

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 : <a href="https://plus.google.com/114535411372700844744" rel="publisher nofollow" title="Google+">Google+</a> 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 […]

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 : <?php /* |-------------------------------------------------------------------------- | Enable Caching with PHP headers by Matt - […]

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 »

WordPress : résoudre l'erreur de validation "stray closing tag after the end of the separator" du plugin Pagebar

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

J'utilise le plugin Pagebar sur le site parce qu'il est simple et que ses couleurs collent avec mon design sans avoir à rien modifier. Mais depuis quelques mois années temps, le validateur W3C renvoie l'erreur suivante : stray </span> closing tag after the end of the separator ( ...</span>) Après des mois de frustration et aucune mise à jour du plugin prévue, voici comment résoudre l'erreur : éditez le fichier class-basebar.php du plugin cherchez cette fonction : <code class="language-php">function transit($place) […]

Lire la suite »

WordPress : éditer les liens de la base de données pour refléter le changement de structure des permaliens

search-regex-replace-permalinks

Il y a quelques mois, je vous ai montré comment changer la structure des permaliens WordPress. Cela fonctionne très bien et tout le trafic des anciennes URL est bien redirigé vers les nouvelles. Il est toutefois encore possible de faire mieux que cela : éditer toutes les URL de la base de données pour afficher les bons liens directement et éviter les redirections Apache à chaque fois qu'un visiteur clique sur un lien de vos anciens articles. Cela évite une […]

Lire la suite »

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: