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é. →
Archives de la catégorie : WordPress & Webdesign
WordPress : faire un lien depuis home.php vers un autre template
Cet article répond à la question existentielle suivante : comment faire un lien depuis le template home.php
qui affiche ma page d’accueil personnalisée vers une autre « rubrique » du site chargée d’afficher les articles dans l’ordre antéchronologique. En gros, l’idée est de créer une section qui fera office d’archive pour le site ou encore d’afficher les articles comme s’il s’agissait d’un blog, quoi. →
Allégez votre base de données WordPress avec 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
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
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
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
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). →
WordPress : visualisez la hiérarchie des templates
La hiérarchie des templates est une clé essentielle pour comprendre le fonctionnement de WordPress. Elle répond aux questions existentielles que se pose tout webdesigner : quel modèle de page créer pour afficher tel ou tel contenu, sachant qu’à la base on peut afficher tous les contenus avec le seul gabarit index.php (accompagné d’un fichier style.css) ? Ceci dit, dès que l’on avance dans la conception d’un thème, il arrive que l’on veuille faire une règle par ci, une exception par là… →