EcoConception Logicielle

Première partie d'un article issu d'une série de textes parus dans le numéro 183 du magazine programmez (format PDF).

La démarche d'Eco Conception en 6 étapes -

Le test comparatif donne cet ordre de rapidité d'exécution sur tous navigateurs:

1. for()
2. forEach (non supporté par IE avant IE9)
3. for in

Les valeurs absolues dépendent du matériel, seules comptent les valeurs relatives. Elle sont dans les mêmes proportions avec tous les navigateurs.

Si on exclue les méthodes qui ne sont pas compatibles avec tous les navigateurs, restent for() et for in.
La seconde est plus simple mais beaucoup moins performante. On ne l'utilisera que si le temps d'exécution n'est pas critique.

Le premier axe d’optimisation est de réduire tout d’abord le poids du fichier CSS. Les conseils que nous avions vus dans « Les principes de base de CSS » et dans « Introduction à la performance web » restent valables :

• toujours aller du plus général au plus spécifique ;
• éviter d’utiliser des styles inutiles (par exemple, mettre un display: block ne sert à rien sur un élément flottant) ;
• utiliser correctement l’héritage ;
• utiliser les notations compactes ;
• factoriser autant que possible les propriétés communes à plusieurs éléments ;
• évitez les unités inutiles, par exemple border: 0 n’a pas besoin d’unité.

En ressort final, quand votre CSS est suffisamment travaillée, pensez encore à la minifier, cela permet d’en réduire drastiquement le poids, car bien entendu, vous avez particulièrement bien commenté votre feuille de styles ? :)

N’oubliez jamais de bien activer la compression GZIP ou DEFLATE pour réduire encore le poids de vos feuilles de styles, même si c’est en théorie plus du ressort du serveur que de l’intégration proprement dite.

Autre point important : arrangez-vous pour que votre CSS soit envoyée et reçue le plus tôt possible. Il est capital de comprendre que votre chemin critique de rendu de page passe très souvent par CSS, parfois c’est même CSS qui est le chemin critique.

Cela revient à combiner autant que possible vos fichiers CSS en un unique fichier, ainsi vous économiserez facilement des requêtes. Idéalement servez-les depuis le même domaine que celui de la page, cela évitera une coûteuse requête DNS. Dans certains cas extrêmes de recherche de performance, il est même conseillé de mettre le CSS directement en embarqué dans la page (ou du moins la partie critique pour accélérer la sensation de vitesse d’affichage de la page), c’est dire à quel point cette partie est critique.

On average, WOFF2 results in 30% smaller files compared to WOFF. A smaller font file means a shorter Flash of Invisible Text (FOIT) so we want to use WOFF2 over WOFF where we can.

It's simple to specify the WOFF2 font source first in your @font-face rules. Browsers that support WOFF2 will benefit from the better compression and all others will download the more compatible, but larger, WOFF font file.

Actuellement, il n’existe pas d’outils en ligne performant pour juger le niveau de maturité d’éco-conception d’une page web. Le seul outil de mesure que je connaisse orienté green-it est l’ecoIndex : http://www.ecoindex.fr. L’approche est intéressante mais ne prends pas en compte la complexité fonctionnelle de la page. Par exemple, la page d’un site marchand qui affiche... Read more »

Linutop OS XS permet de convertir tous les Raspberry Pi en borne d’accès Internet sécurisée ou en système d’affichage dynamique.

Noobs (New Out Of Box Software) permet une installation du système par une simple copie de fichiers sur une carte mémoire SD.
Noobs est la façon la plus simple et rapide d’installer un système d’exploitation sur Raspberry Pi.

Avantages
- Prêt à l’emploi
- Accélérateur graphique pour VLC (Lecture HD)
- Sécurité et Confidentialité
- Coût de maintenance
- Temps de démarrage < 30 secondes

Logiciel pour Affichage Dynamique permet de diffuser différents médias en plein écran: image, PDF, lien URL, page web, vidéo HD et musique, à partir d’un dossier ou du réseau. Aussi compatible avec le système de diffusion Linutop.TV (Cloud).

Kiosque permet de sécuriser un point d’accès internet en quelques cliques, avec ou sans barre de navigation, ou restriction(s) de site(s) pour la navigation Internet.

Compatibilité Raspberry Pi Zero, A, B, B+, 2 et 3 .

La documentation Notes on Using ARIA in HTML devrait être entre les mains de tout développeur soucieux d'implémenter ARIA. Illustrée d'exemples,

La documentation Notes on Using ARIA in HTML devrait être entre les mains de tout développeur soucieux d'implémenter ARIA. Illustrée d'exemples,