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 ?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
Cet 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.
Cet 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 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 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 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
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 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 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
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 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 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 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).
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.
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:
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).
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 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 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 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 ?
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.
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.
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.
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 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.
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.
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.
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.
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.AcceptRejectRead More
Privacy & Cookies Policy
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
t 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.
Cet 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 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 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 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.
