Réaliser un circuit intégré à domicile, c’est possible !

Les circuits intégrés sont au cœur de notre quotidien. Inventés en 1958, ils sont à l’origine de la plupart des avancées technologiques de ces dernières décades. Leur fabrication reste toutefois un processus complexe nécessitant patience et minutie.

Sam Zeloof s’est lancé dans la création artisanale de son propre circuit intégré à son domicile. Il décrit le processus en 66 étapes qui lui a permit de créer une puce électronique fonctionnelle.

Cette création m’a amené à réfléchir quelques minutes sur la reproductibilité de nos technologies actuelles si nous étions confrontés à une catastrophe globale causant la décimation l’humanité. Nous sommes aujourd’hui dépendant de l’outil informatique, dont la technologie racine est le micro-processeur. Le micro-processeur est un circuit intégré extrêmement complexe dont la création nécessite une expertise dans plusieurs domaines différents.

Comment ferions nous si toutes les capacités de production de micro-processeurs étaient éliminées. Serions nous capable de recréer rapidement cette technologie ? À quel degré notre société dépend de l’outil informatique ? Quelles seraient les effets d’une impulsion électromagnétique sur notre société, et notamment sur nos technologies toxiques telles que les centrales nucléaires ?

Ce chemin de réflexion est certes quelque peut alarmiste. Dans un autre domaine, est-ce que l’on peut imaginer un jour pouvoir acheter une imprimante 3D capable de créer à la demande des circuits intégrés ? voir des objets complets comprenant des circuits électroniques fonctionnels ?

Source: First IC 🙂

Comparatif de générateurs de plans du site pour WordPress

Le plan du site est une tradition bien ancrée de la création de sites Internet. Bien que de plus en plus inutile au vues des performances des moteurs de recherche, le plan du site offre aux visiteurs une vue complète de l’ensemble du contenu d’un site.

Parmi les extensions WordPress implémentant la fonctionnalité de génération d’un plan du site, j’en ai retenu deux.

Extensions retenues

WP Sitemap Page

WP Sitemap Page est l’extension que je choisi régulièrement pour générer des plans du sites. Elle est particulièrement efficace et relativement simple d’emploi.

Multi-column Tag Map

Cette extension est particulièrement intéressante car elle génère une vue très structurée du site. Les articles et pages sont affichées par catégories et mots clefs. Il y a aussi un regroupement par première lettre du titre (pour les pages au moins). J’ai beaucoup aimé cette organisation qui est particulièrement adaptée pour les sites ayant un grand nombre d’articles ou de pages sans structure particulière.

Autres extensions testées

Page-list

Page-list est une extension hybride qui offre la possibilité entre autre de créer un plan des pages du site, mais n’incluant pas les catégories, mots-clefs et articles. Je la liste ici car d’autres de ses utilisations peuvent être intéressantes.

Simple Wp Sitemap

Cette extension est orientée référencement, et ne semble pas proposer d’intégrer le contenu qu’elle génère dans une page du site. Elle peut être intéressantes, mais d’autre extensions comme Yoast SEO propose des fonctionnalités similaires dans package plus complet en ce qui concerne le référencement.

WP SiteManager

Cette extension n’est traduite ni en français, ni en anglais. Elle est censée proposer entre autre la génération de plan du site, mais le manque de traduction est rédhibitoire.

Étude rapide des extensions WordPress pour la gestion de mentions légales

Les extensions de génération de mentions légales proposées par WordPress ne sont pas traduites en français. Elle ne conviennent uniquement qu’à des sites anglophones.

De celles testées,  WordPress Mention Légale est la seule adaptée au paradigme français. Elle est simple d’utilisation et génère des mentions légales très complètes.

Si votre site est francophone, une page « Mentions légales » créée manuellement et contenant les informations recommandées par la CNIL est la solution la plus simple et fiable. Vous pouvez vous référer aux modèles de mentions légales de la CNIL.

Les extensions testées

WordPress Mentions Légales

Cette extension, bien qu’elle n’ait pas été mise à jour depuis un certain temps est la seule adaptée à la France. Elle génère une page de mentions légales telle que recommandée par la CNIL. Son seul inconvénient (mineur) est qu’elle ne permet pas d’afficher les mentions légales si toutes les informations qu’elle demande ne sont pas saisies.

Legalpack

Cette extension propose la génération automatisées de mentions légales en anglais en répondant à quelques questions dans un formulaire. Elle dispose aussi d’une fonction de notification de la présence de cookies (que je n’ai pas réussi à faire fonctionner). Elle n’est pas disponible en français.

La force de cette extension est le générateur de mentions légales qui prend en compte vos particularités.

WP Legal Pages

Ce plug-in est spécialisé dans l’affichage de mentions légales, mais propose aussi une fonctionnalité de notification de la présence de cookies. Elle n’est pas traduite en français. Les fonctionnalités proposées son minimales. L’extension est globalement décevante.

Legal Pages

Cette extension est bien réalisée et propose quelques modèles d’informations légales (en anglais) dans sa version gratuite. La version payante propose bien plus de modèles. Son principal (et seul ?) inconvénient est qu’elle n’est pas disponible en français.

Auto Terms of Service and Privacy Policy

Cette extension intègre une version modifiée des informations légales de la société Automattic (créatrice de WordPress). Elle est assez simple à mettre en place, mais semble être assez restreinte. Elle n’est pas traduite en français.

Quel plug-in WordPress pour la mise en place de la notification de présence de Cookies

La communauté européenne a voté il y a quelque temps une loi imposant aux sites Internet mettant en place des cookies de le signaler à leurs visiteurs.

C’est une loi assez amusante, car l’une des manières les plus efficace pour que la notification ne s’affiche qu’une seule fois et ne gène pas la navigation est de mettre en place un cookie…

Cookie Notice par dFactory

Cookie Notice 1024x62 - Quel plug-in Wordpress pour la mise en place de la notification de présence de Cookies

Cookie Notice est le plug-in le plus populaire pour mettre en place la fonctionnalité. Il est très simple et élégant. Par défaut, il met en place une barre d’information en bas de fenêtre avec un simple bouton pour la faire disparaître. Dans les configurations possibles, il est possible d’afficher un lien vers une page d’informations légales.

Ce plug-in convient pour la grande majorité des sites. C’est le plus populaire parmi ceux présentés ici.

Autres extensions

EU Cookie Law

Capture décran de EU Cookie Law - Quel plug-in Wordpress pour la mise en place de la notification de présence de Cookies

EU Cookie Law est très similaire à Cookie Notice en terme de fonctionnalités. L’aspect visuel est légèrement différent. Son principal intérêt est la présence par défaut d’un lien « Plus d’informations » dans la notification qui permet d’afficher des informations plus complètes si le site le nécessite.

Cookie Consent

Capture décran de Cookie Content - Quel plug-in Wordpress pour la mise en place de la notification de présence de Cookies

Cette extension est très bien réalisée et très lissée. Bien que sa présentation par défaut ne soit pas très agréable, il est possible configurer rapidement et simplement son aspect visuel. Son principal atout est qu’il est possible de masquer la notification pour certains continents. C’est très utile si votre site cible des visiteurs en dehors de la communauté européenne.

Ginger – EU Cookie Law

Capture décran de Ginger 1024x46 - Quel plug-in Wordpress pour la mise en place de la notification de présence de Cookies

Ce plug-in est décevant. Il n’est pas complètement traduit. Il propose énormément d’options, dont la gestion de Google Analytics. À priori, il est particulièrement adapté à la législation italienne.

WP Legal Pages

Capture décran de WP Legal Pages 1024x35 - Quel plug-in Wordpress pour la mise en place de la notification de présence de Cookies

Ce plug-in est spécialisé dans l’affichage de mentions légales, mais propose aussi une fonctionnalité de notification de la présence de cookies. Elle n’est pas traduite en français et est globalement décevante.

Quel plug-in WordPress pour afficher une grille d’articles ou de pages ?

Voici une sélection de plugins permettant de créer des grilles de pages.

Mes préférés

RAYS Grid

Superbe plugin pour afficher des articles en grid. Ne semble pas supporter l’affichage de pages, ce qui est dommage. Sinon, rien à redire. Bravo.

Post Grid

Ce plugin est excellent en terme d’ergonomie et de fonctionnalités. Les thèmes d’affichage sont assez simples. Les effets proposés réduisent la lisibilité de l’ensemble. Il lui manque la possibilité de choisir les pages affichées en fonction de leur page parente. L’aspect visuel par défaut semble élégant.

Autres plug-ins testés

Post Shortcode

Ce plugin est excellent en termes de fonctionnalités de filtre des articles ou pages affichées. Il propose un générateur de shortcode qui bien que peut ergonomique permet d’exploiter facilement les possibilité de ce plugin.

Content Views – Post Grid & List for WordPress

Content Views génère des grilles d’articles ou de pages très agréables et possède certaines belles fonctionnalités en version gratuite. Son grand inconvénient est qu’il ne gère pas les extraits de pages en version gratuite. Cette fonctionnalité et quelques autres sont réservées à la version payante.

Grid Plus – Unlimited grid layout

Génère des grids d’articles (ou de produits WooCommerce) configurables et élégants. Ne permet pas de créer des grids de pages. Rays Grid est plus sexy.

Shortcodes by Angie Makes

Ce plugin offre une sélection de shortcode wordpress utiles pour la mise en forme et le contenu. Mis à part que le filtre du contenu est limité, ce plugin offre beaucoup d’options intéressantes.

WP Show Posts

Ce plugin offre beaucoup de possibilité de filtres de contenus. Son principal défaut est un manque de choix d’aspects visuels. Il permet une certaine configuration, et l’aspect par défaut n’est pas laid. Ce plugin ne permet pas de filter les pages par page parente.

Ultimate Post List

Affiche une liste d’article non filtrées. L’utilité est limitée pour la version gratuite. Je n’ai pas testé la version payante.

Post Carousel – Post Grid, Filter & Masonry for WordPress

En version gratuite, ce plugin ne propose qu’un affichage des derniers articles. L’aspect visuel (couleurs, police) est largement customisable (voir trop ?). Décevant, une simple preview pour achat.

Smart Post Grid

Obsolète. Ce plugin propose un shortcode, sans générateur. Les possilibités du shortcode sont limitées. Bof bof.

5 outils de création de palettes de couleurs pour le Web design

Voici une sélection d’outils en ligne qui aident à créer un modèle de couleur agréable et consistant pour un site Internet.

Adobe Color CC

https://color.adobe.com/fr/

CeRoue chromatique Modèles de couleurs Adobe Color CC 300x142 - 5 outils de création de palettes de couleurs pour le Web designt outil gratuit proposé par Adobe, l’entreprise créatrice du célèbre Photoshop est sans doute l’un des plus performant. Il permet de facilement trouver des couleurs associées à celles d’un logo pour obtenir un site Internet ayant un thème visuel en accord avec celui du logo choisi.

Color Safe

http://colorsafe.co/

Color Safe accessible web color combinations 300x149 - 5 outils de création de palettes de couleurs pour le Web designCet outil est l’un des seuls (sinon le seul) qui prend en comptes les recommendations d’accessibilité du Web (WCAG). Ceci est très important car cela peut avoir un impact important sur le SEO. En effet, Google prend en compte les critères d’accessibilité des pages (lisibilité, contraste, etc) et donne une priorité aux sites qui sont lisibles pour tous. De plus, n’oubliez jamais que de nombreux robots d’indexation se comportent comme des visiteurs ayant un handicap visuel.

Paletton

http://paletton.com/

Paletton The Color Scheme Designer 300x149 - 5 outils de création de palettes de couleurs pour le Web designPaletton est un autre excellent outil de choix de couleurs, très similaire à Adobe Color CC. Il propose de nombreuses options de visualisation de palettes de couleurs avec différents niveaux de dégradés.

Coloors

https://coolors.co/

Generate Coolors.co  300x149 - 5 outils de création de palettes de couleurs pour le Web designColoors est un générateur automatisé de palettes. Il est très simple. Son principale intérêt est sa grande rapidité. Il suffit de verrouiller une des couleurs après l’avoir saisie manuellement. Chaque appui sur la barre d’espace propose une nouvelle palette adaptée à cette couleur.

Color Supply

http://colorsupplyyy.com/

Color Supply 300x149 - 5 outils de création de palettes de couleurs pour le Web designColor Supply est un outil très épuré mais offrant de nombreuses possiblités. L’un de ses principal atout est d’offrir la prévisualisation de la palette générée dans un ensemble de logos standards.

Autres outils de génération de palettes de couleurs

  • Paletton
    The Color Scheme Designer
    Permalien
  • Flat UI Colors
    280 handpicked colors ready for COPY & PASTE
    Permalien
  • Ambiance.
    Color Palettes You Will Love To Stare.
    Permalien
  • Color Supply
    A well done color scheme generator
    Permalien
  • Adobe Color CC
    Roue chromatique & modèles de couleurs
    Permalien
  • Color Safe
    accessible web color combinations
    Permalien
  • 0to255
    0to255 is a simple tool that helps web designers find variations of any color.
    Permalien
  • ColorMunki Pantone
    Pantone palette chooser (?)
    Permalien
  • Color Wizard
    The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.
    Permalien
  • Color Explorer
    Free tools for working with digital colors.
    Permalien
  • ColorBlender.com
    Your free online color matching toolbox
    Permalien
  • Paletton
    The Color Scheme Designer
    Permalien
  • ColoRotate
    Colors come to life in 3D.
    Permalien
  • COPASO
    Pro Color Palette Software from COLOURlovers :: COLOURlovers. COPASO is an advanced color palette tool that helps you create the perfect color palette. If you’re finding COPASO a bit too rich for your …
  • Color Hunt
    Color Hunt curates a daily collection of colors on a daily basis, so you never run out of inspiration. “Like” your favorites, then filter through the most popular palettes from the past week or all ti …
  • Coolors
    The super fast color schemes generator! Similar to Hail Pixel, Coolors makes color picking more fluid by helping you mix and match colors until you find the perfect combination. Hit the space button u …
  • TinEye Labs – Multicolr Search Lab
    TinEye Labs takes image search to the next level by allowing you to choose up to a five-color palette, along with tags, to refine your image search. The result is a collection of picture perfect image …
  • color.hailpixel.com · Swatch you doing?
    Hail Pixel makes palette picking an interactive sport. Start by dragging your mouse around the space until you find a color that appeals to you, then start whittling down your colors by moving your mo …
  • Search Images by Color with Spectrum – Shutterstock Labs
    Spectrum approaches color palettes from the other side. Start with a color and watch as the page is populated with dozens of images that match. A perfect tool when on the hunt for imagery that matches …
  • RGB Challenge
    Similar to Hex invaders, The Great RGB Challenge helps you to nail RGB once and for all by matching an RGB code to its corresponding color. Mess up and you’re back to the beginning. Good luck! — Perma …
  • Color Test – Online Color Challenge | X-Rite
    Put your vision to the test with the Online Color Challenge. Your task is simple… arrange the colors in hue order. Sound easy? You may be surprised to learn where your hue discrimination is low and ho …
  • design seeds | for all who ♥ color
    Design Seeds is candy for your eyeballs. Pairing beautiful photography with pleasing palettes, you can’t help but feel inspired while scrolling through this site. Click on a favorite color or search b …
  • Palettes :: COLOURlovers
    COLOURlovers is an online community for color enthusiasts. Browse palettes or create your own, then get social by commenting and “loving” eachother’s creations, following different “Lovers” and checki …
  • Color Palette Generator – Colllor
    If you’re tired of guessing the exact hues, lightness and saturation values of a color, you’ll be happy to meet Colllor. Enter in a Hex code for a full rundown of pure tints, shades and tones. You can …
  • Material Design Color Palette Generator – Material Palette
    Material Palette is a basic color palette builder. Choose two colors that appeal to you and it will give you an eight color palette that delineates primary, text and accent colors. You’re then welcome …
  • Color — Method of Action
    Keep your eyes sharp with Color, a fun (but surprisingly challenging) color-matching game. Move your cursor around the color spectrum to match the center color for hue, saturation, complementary color …
  • Hex Invaders
    Consider yourself a color whiz? Take a break from your workday with Hex Invaders. Inspired by Space Invaders, this game takes a creative spin by challenging you to destroy the invader that matches the …
  • Pictaculous
    A Color Palette Generator (courtesy of MailChimp). Building out a website or brochure based heavily on an image? With Pictaculous, you can simply upload that picture and the app will spit out a color …
  • Adobe Color CC
    Roue chromatique | Modèles de couleurs. Smooth out your creative workflow with the help of Adobe Color CC. As part of the Creative Cloud, you can create and save color themes and work them seamlessly …
  • Coolors – The super fast color schemes generator!

    Permalien
  • Tanaguru Contrast-Finder
    Tanaguru Contrast-Finder trouve les bons contrastes de couleurs pour l’accessibilité web
    Permalien
  • colourcode
    find your colour scheme
    Permalien
  • CSS.coloratum
    CSS.coloratum is a nifty little tool that helps you:     Share colors with friends and colleagues (never have to go through describing a shade again, just give them the link!)     Check out what RGB …
  • Color wheel | Color schemes – Adobe Kuler
    Compute best colors combinations
    Permalien
  • Color Scheme Designer 3
    Compute best colors combinations
    Permalien

Comparatif grossier et rapide des différentes extensions de cache pour WordPress

Pour les impatients, j’ai retenu deux extensions particulièrement intéressantes pour l’accélération d’un site WordPress via la mise en place d’une mécanique de cache.

Cache Enabler – WordPress Cache

Cache Enabler est l’extension que j’ai retenu à la fin de mes explorations. Elle est légère, très simple à mettre en place et a d’excellentes performances. Voici les points que j’ai pu noté concernant cette extension:

  • Simple et efficace
  • Cache disque uniquement
  • Nécessite l’utilisation des extensions Autoptimize et Async JavaScript pour maximiser ses performances avec les outils GT Metrix.

W3 Total Cache

W3 Total Cache est l’une des premières extensions de cache disponibles pour WordPress et a une gigantesque base d’utilisateurs. Elle propose énormément d’options de configuration. C’est une solution tout-en-un qui peut être configurée très précisément.

Point positifs
  • Configuration très précise.
  • Plusieurs méthodes de cache dont l’utilisation de l’OpCode cache de PHP.
  • Apporte des fonctionnalités de cache des objets en mémoire.
  • Supporte la minification et la combinaison des fichiers CSS et JavaScript.
  • Support du Push HTTP/2.0 pour accélérer le chargement des CSS et JavaScripts.
Point négatifs
  • Configuration excessivement technique réservée aux personnes ayant de bonne connaissances en PHP et HTML.
  • Minification et combinaison des CSS et JavaScript mène fréquemment à des bugs dans le site suivant les extensions installées.
  • Peut de contrôle précis de la minification et bugs dans certaines des méthodes proposées.
  • Pas de support de Redis pour le cache objet.
  • Extension ancienne avec beaucoup de configuration qui avaient du sens à une époque mais qui aujourd’hui n’en ont plus aucun.

Extensions de cache ne correspondant pas à mes besoins

Hummingbird Page Speed Optimization

Points positifs
  • Interface ludique.
  • Très bon rapport de l’état des lieux.
Points négatifs
  • En partie payant.
  • Trop lourd.
  • Certaines fonctionnalités manquent d’explication sur leurs effets exacts.

Hyper Cache

Points positifs
  • Entièrement gratuit.
  • Contrôle du cache fin.
  • Configuration étrange mélange de simplicité et de complexité.
Points négatifs
  • Manque d’explications et d’aide.
  • L’esprit de l’interface ne convient pas.
  • Pas de minification.
  • Pas de Push HTTP/2.0.

Comet Cache

Points positifs
  • Configuration très bien expliquée et très fine malgré une interface n’utilisant pas l’esthétique de WordPress.
Points négatifs
  • Pas de minification.
  • Pas de Push HTTP/2.0.
  • Mode pro payant.

WP Fastest Cache

Points positifs
  • Interface simple et agréable.
  • Optimisation des images en mode payant.
  • Nettoyage de la base de données en mode payant.
Points négatifs
  • Beaucoup de fonctionnalités payantes, dont la minification avancée et la gestion du JavaScript asynchrone.
  • Propose trop peu de fonctionnalités. La version gratuite est trop limitée.

WP Super Cache

Points positifs
  • Configuration très simple ou très complexe.
  • Supporte la pré-génération du cache.
  • Propose des fonctionnalités supplémentaires par une mécanique de plug-ins.
Points négatifs
  • Peu d’explications inline.

LiteSpeed Cache

Points positifs
  • Cache objet avec support de Memcache et Redis.
  • Plein d’options géniales en mode avancé.
Points négatifs
  • Pas de fonctionnalité de cache active sans installer et utiliser le serveur HTTP LiteSpeed.

Breeze – WordPress Cache Plugin

Points positifs
  • Interface simple.
  • Minification et combinaison du CSS et Javascript.
  • Propose des optimisations de base de données.
  • Support de Varnish Cache.
Points négatifs
  • Aucune différence dans le code du site une fois activé / n’a pas fonctionné.

Comment optimiser la vitesse et le référencement d’un site WordPress hébergé sur serveur dédié

Google porte une attention particulière à la vitesse de chargement des sites Internet. Les sites se chargeant rapidement bénéficient d’une meilleure note de référencement dans de nombreux moteurs de recherche. Google a effectué ce changement car cette société promeut énormément l’amélioration de la qualité de la navigation sur Internet. Il est très agréable d’accéder à un site et de ne pas avoir à attendre plusieurs secondes voir dizaines de secondes pour qu’il ait fini de se charger.

Quels outils pour mesurer la vitesse de chargement d’un site ?

GT Metrix

GT Metrix est un service mesurant les indices Google PageSpeed et Yahoo! Slow d’une page. Son interface est très propre et lisible. Il propose des informations sur les mesures à prendre pour corriger les problèmes. Il a l’intérêt de proposer l’accès gratuit à une API qui permet d’y connecter un outil de mesure automatisé.

Pingdom Website Speed Test

Pingdom Website Speed Test se concentre principalement sur l’indice Google PageSpeed. Son principal intérêt est l’analyse qu’il propose de la répartition des types de contenus présents dans la page analysée et l’affichage d’un diagramme « Chute d’eau » très lisible du déroulement du chargement de la page.

Google PageSpeed Insights

Google PageSpeed Insights est un service de mesure de la vitesse de chargement proposé par Google. Son principal intérêt est de fournir une note séparé pour la vitesse sur périphériques mobiles (i.e. téléphones portables).

Test d’optimisation mobile par Google

Ce service vérifie si la page est adaptée à la navigation sur téléphone portable. Il ne propose pas d’informations supplémentaires en terme de vitesse, et est indiqué ici à titre informatif.

Quelle configuration du serveur choisir pour améliorer la vitesse de WordPress ?

Utiliser PHP FPM

PHP FPM (pour FastCGI Process Manager) est une méthode de mise en place de PHP basée sur la mise en place d’un démon en tâche de fond gérant l’exécution des requêtes PHP. Cela permet de détacher complètement l’exécution de PHP du serveur HTTP, et permet d’augmenter le nombre de requêtes gérée simultanément par le serveur.

Pour utiliser PHP FPM, je vous invite à suivre mon guide: Installer PHP-FPM sur Debian.

Activer HTTP/2.0

HTTP/2.0 est la toute dernière spécification pour le protocole HTTP. Cette nouvelle version apporte de nombreuses améliorations en terme de vitesse de chargement et est un pré-requis absolu pour avoir un site rapide.

Pour mettre en place un VirtualHost Apache 2 avec support du HTTP/2.0, la méthode la plus simple est d’utiliser mon outil a2tools qui supporte par défaut le HTTP/2.0 depuis la version 3.5.0: Simplifier l’administration d’un serveur Apache 2 avec a2tools.

Pour activer manuellement le protocole HTTP/2.0 sur votre serveur, suivez ces étapes:

Activez le module http2:

sudo a2enmod http2

Ajoutez les lignes suivantes au VirtualHost du site WordPress:

<IfModule mod_http2.c>
  Protocols h2 h2c http/1.0
</IfModule>

h2 est le protocole HTTP/2.0 sur connexion HTTPS (chiffrée). h2c est le protocole HTTP/2.0 sur connexion HTTP (non chiffrée). Ne conservez que le protocole h2 ou h2c selon que le VirtualHost modifié est pour le port 443 (HTTPS) ou le port 80 (HTTP).

Testez la modification de la configuration:

sudo apache2ctl -t

Redémarrez le serveur Apache:

sudo systemctl force-reload apache2

Optimiser la configuration du serveur MySQL

Le serveur MySQL est un point parfois oublié de l’optimisation d’un site Internet. Pourtant lorsque l’affichage d’une page dépends de l’exécution de centaines de requêtes SQL, c’est une étape importante. Pour une optimisation initiale, je vous invite à suivre mon guide Optimiser MySQL sur Debian.

Il est bien entendu possible d’aller beaucoup plus loin dans l’optimisation que ce qui est proposé par ce guide, mais cela nécessite des connaissances avancées et beaucoup de temps. Ce n’est nécessaire que pour des sites ayant plusieurs dizaines de milliers de visiteurs quotidiens.

Aller plus loin ?

L’optimisation d’un site peut être poussée très loin. On peut par exemple penser à l’utilisation d’un serveur de cache spécialisé tel que Varnish, à l’abandon de Apache 2 pour NGInx, ou encore à l’utilisation de la compilation Just-In-Time tel que proposée par HHVM.

Toutes ces approches demandent du temps de mise en place et ne sont nécessaires que dans des situations de très fort trafic. N’oubliez pas que la première étape pour améliorer votre référencement est d’améliorer votre contenu.

Quel plugins WordPress utiliser pour optimiser le référencement d’un site ?

Yoast SEO

Yoast SEO est l’une des meilleures extension pour gérer les informations Meta de vos pages, et pour mesurer la lisibilité de vos articles en terme de référencement.

Media File Renamer

Media File Renamer est une extension améliorant l’URL de vos fichiers médias (images, etc.) en y incorporant le titre de l’image. Très utile pour ajouter des mots clefs à vos pages de manière naturelle.

PB SEO Friendly Images

PB Seo Friendly Image assure que toutes vos images aient un attribut « alt », qui est nécessaire pour les cas ou l’image ne se charge pas. Son absence est très pénalisée par les moteurs de recherche.

Quel plugins WordPress utiliser pour optimiser la vitesse de chargement d’un site ?

Autoptimize

Cette extension optimise le code CSS et Javascript d’un site en minifiant et combinant les fichiers. C’est un absolu pour réduire le nombre de requêtes par pages.

Async JavaScript

Cette extension permet de configurer le chargement non bloquant du code javascript. Cela permet à la page de s’afficher dès que possible plutôt qu’attendre la fin du téléchargement des fichiers javascript.

Cache Enabler – WordPress Cache

Cette extension est la solution de mise en cache des pages la plus simple à mettre en place et l’une des plus efficaces et rapide. Si elle en vous convient pas, je vous invite à vous tourner vers W3 Total Cache.

Couplez toujours cette extension avec Autoptimize et Async JavaScript.

W3 Total Cache

Si Cache Enabler ne vous convient pas, W3 Total Cache est une bonne alternative. Cette extension est très complète et l’une des meilleures solution de cache pour serveur dédié. Son principal intérêt est de pouvoir être configurée pour gérer le cache en mémoire vive (OpCode) plutôt que sur disque dur. L’intérêt est limité car les serveurs HTTP sont conçu pour accéder rapidement aux données disques, mais …

Attention, n’utilisez pas la fonction Minify de W3 Total Cache, préférez l’utiliser en conjonction avec Autoptimize et Async JavaScript.

Far Future Expiry Header

Far Future Expiry Header facilite grandement la configuration les entêtes HTTP de gestion du cache. Cette extension apporte une simple modification du fichier .htaccess qui peut être réalisée manuellement. Je la présente ici car elle est très utile pour les personnes n’ayant pas les connaissances techniques nécessaires.

EWWW Image Optimizer

Cette extension optimise le poids des images du site en utilisant des logiciels installés sur le serveur, et non des services tiers. Un absolu pour réduire le poids global de vos pages.

Adaptive Images for WordPress

Cette extension affiches des images réduites pour les navigateurs nomades (i.e. téléphones portables). Cela permet de réduire le temps de chargement du site via les connexions 3G.

L’impression 3D: l’avenir de l’électronique ?

Des chercheurs de l’Université de Nottingham ont créé une méthode pour imprimer rapidement en 3D des circuits électroniques totalement fonctionnels.

Cette découverte est cruciale car elle ouvre la porte à l’impression à domicile de composants électroniques sur mesure. Imaginez imprimer chez vous votre clef USB, votre drone, votre télévision…

Si aujourd’hui ce type d’application est hors de portée, il est possible que ce futur soit plus proche que vous ne le pensez. L’impression 3D amène des solutions innovantes dans les domaines des prothèses osseuses, d’organes artificiels, de pièces d’avions, de jouets, etc. Elle ouvre la porte d’un monde où le produit fini est moins important que la matière première et le plan de construction. Chaque individu pourra créer ses objets sur mesure et les modifier pour correspondre exactement à ses besoins.

Source: New method developed to 3D print fully functional electronic circuits (en)

Un système DIY pour améliorer une mauvaise vision

Un lecteur a toujours tendance à lire un livre ou un écran en conservant la même distance entre le contenu lu et ses yeux. Pour les personnes lisant beaucoup (ou utilisant beaucoup l’informatique), cela peut entraîner une atrophie des muscles oculaires contrôlant l’ajustement de la vision à la distance.

Grâce à un système éloignant puis rapprochant progressivement un livre des yeux du lecteur, il est possible de rééduquer les muscles oculaires de ce dernier. C’est la fonction de ce système à monter soit même proposé par instructables.com.

Je vous invite à l’essayer si vous avez des problèmes d’yeux. C’est un maigre investissement qui peut améliorer votre vie.