Archives de la catégorie : Extension WordPress

Pas encore de description pour la catégorie Extension WordPress. Suggérez à l'administrateur du site de la remplir.

Optimiser WordPress avec des extensions et un fichier .htaccess

Image flou

Depuis que j’ai redonné une seconde vie à ce blog qui vient de fêter neuf années d’existence, j’essaie d’optimiser les performances web en jouant sur un maximum de leviers. J’ai d’abord opté pour un système de cache ; j’ai ensuite cherché à diminuer le nombre de requêtes et à compresser les fichiers HTML, CSS et Javascript. Pour les images, il était important de les compresser un peu plus et de les charger uniquement lorsqu’elles apparaissaient dans le champ de vision du visiteur. Pour finir, j’ai regardé du côté du fichier .htaccess proposé par HTML5 Boilerplate pour gagner encore en efficacité. 

Allégez votre base de données WordPress avec WP-Optimize

WP Optimize

Optimiser les performances web front-end, c’est bien, mais il est temps de passer à la partie back-end. Et oui, c’est peut-être le moment de penser à alléger votre base de données des informations inutiles et/ou obsolètes qui s’accumulent avec le temps. Pour cela, il existe des extensions WordPress qui rendent de nombreux services en faisant l’impasse sur le lancement de phpMyAdmin pour faire le ménage. En effet, nombre d’optimisations nécessitent généralement l’envoi de requêtes SQL (comme on peut en trouver sur sql.sh) pour modifier la base de données. Voyons ce que WP-Optimize peut faire pour nous.

Optimiser les images dans WordPress avec EWWW Image Optimizer

EWWW Image Optimizer

Les images sont aux performances web ce qu’un match de foot au stade de Gerland est à la circulation : un goulot d’étranglement. Avec Javascript, les images sont en effet un tue-l’amour pour la bande passante. En attendant de servir des tailles d’images adaptées aux périphériques, on peut commencer par optimiser le poids des Jpeg, Gif et autres PNG grâce à EWWW Image Optimizer. 

Pastacode : la coloration syntaxique de Prism.js dans WordPress

Pastacode coloration syntaxique de prism pour wordpress

Suite à une requête de @GizMecano concernant le manque de coloration syntaxique sur les bouts de code présents dans mes articles, j’ai installé le script Prism.js dont le thème Coy colle particulièrement avec ma charte graphique. Prism, c’est cool à condition d’avoir envie d’ajouter à la main le type de langage utilisé sur chaque balise <code> à colorer ! C’est pourquoi, je me suis tourné vers l’extension Pastacode de @BoiteAWeb et @willybahuaud qui reprend Prism tout en permettant d’ajouter du code directement depuis la barre d’outils de WordPress.

Cookie Notice : l’extension WordPress qui informe vos visiteurs sur les Cookies

Extension Cookie Notice pour WordPress

Vous avez sans doute remarqué la prolifération des bandeaux informant l’utilisateur que le site qu’il visite utilise des Cookies. C’est le résultat de la simple application de la directive européenne dite « paquet télécom ». Elle précise que les éditeurs de sites web doivent informer les internautes (et que ces derniers doivent donner leur consentement) quant au dépôt de « traceurs » sur leur disque dur.  La solution prend souvent la forme d’un bloc situé en haut ou en bas de la page. Souvent jugé intrusif, voire hypocrite, je n’ai malgré tout pas résisté à l’envie d’ajouter ce bandeau à mon blog, ne serait-ce que pour rappeler aux visiteurs que même un modeste site comme le mien peut tracer ses visiteurs à l’insu de leur plein gré.

a3 Lazy Load : chargement des images à volée pour WordPress

Extension a3 Lazy Load pour WordPress

Comme le rappelle l’article Des pages web de plus de 2 mo, à qui la faute ? les images représentent en moyenne 56 des requêtes et 62% du poids total d’une page web. Et ces chiffres sont en augmentation constante. Pour améliorer les performances de votre site, outre un système de cache et d’optimisation des fichiers HTML, CSS et Javascript, il est important de penser à différer l’affichage des images jusqu’à ce qu’elles sautent aux yeux de l’utilisateur.

WP Super Cache et Autoptimize — Optimiser les performances de WordPress

La mise en cache et la minification des fichiers HTML, CSS et Javascript sont deux solutions permettant d’optimiser les performances de son site WordPress à moindre frais. Il suffit en effet d’installer deux extensions, d’effectuer quelques réglages, et l’affaire est dans le sac. Découvrez WP Super Cache et Autoptimize, les deux extensions que j’ai choisies pour transformer mon canasson préféré en cheval de course.

Admin Bar Tools — Le tableau de bord du développeur WordPress

Admin Bar Tools est une extension créée par Grégory Viguier. Elle est destinée aux développeurs WordPress à qui elle permettra de visualiser de nombreux paramètres depuis la barre d’administration, tant du côté « Admin » que « Visiteur ». Dans le premier cas, l’onglet affiche le nombre de requêtes, le temps qu’il a fallu pour générer la page et la mémoire consommée par PHP (sans oublier la liste des Hooks disponibles).

WooCommerce + Automattic = Wootomattic ?

Automattic rachète WooCommerce

C’est officiel, si l’on en juge par l’annonce de Matt Mullenweg et du logo Automattic situé dans le footer de Woothemes, WooCommerce fait désormais partie de Automattic, la société qui édite la solution de blog WordPress. Beaucoup de chiffres dans l’annonce, mais peu d’informations stratégiques sur l’orientation des uns et des autres (n’hésitez pas à poser vos questions sur le blog de matt pour en savoir plus), mais nul doute que la synergie entre les deux ira dans le sens d’une facilité d’utilisation accrue pour les utilisateurs.

Extension WordPress « Header and Footer »

Développée par Stefano Lissa, Header and Footer est une extension WordPress qui vous permettra d’ajouter des éléments à des endroits-clés de votre site, pour ajouter, par exemple, les codes Google Analytics, Facebook, de vérification Google Webmaster Tools, ou tout type de contenus formatés en HTML dans vos articles. Cerises sur le gâteau : il est possible d’écrire du code PHP, de cibler les périphériques mobiles, ou encore d’activer des options pour optimiser votre SEO.