background preloader

Best pratices / bonnes pratiques éco-conception (écoconception / Ecoconception / ecoconception / eco-conception / Eco-concception)

Facebook Twitter

Eco-concception de service numérique & ACV (éco-conception (écoconception / Ecoconception / ecoconception / eco-conception)) Qu’est-ce le lazy-load natif et quelle est son efficacité ? L’annonce officielle est sortie début août 2019 : la prise en charge en natif du lazy-load des images et des iframes va être automatiquement activée au niveau du navigateur, à partir de Chrome 76.

Qu’est-ce le lazy-load natif et quelle est son efficacité ?

Cette nouvelle a suscité l’enthousiasme au sein de la communauté de la performance web, et pour cause : le lazy-loading est une technique très bénéfique qui peut améliorer l’expérience de vos utilisateurs et la performance globale de votre site. Chez WP Rocket, nous avons commencé à implémenter notre système de LazyLoad depuis le début : c’est une fonctionnalité dont nous sommes très fiers et que nous continuons à améliorer mois après mois. C’est pourquoi, depuis la toute première fois que ce sujet a été abordé par Addy Osmani, nous avons commencé à nous demander comment nous pouvions mettre en place la prise en charge du lazy-load natif dans WP Rocket : Pour comprendre les raisons de cette décision, continuez la lecture ! Balise-entité ETag HTTP. Un article de Wikipédia, l'encyclopédie libre.

Balise-entité ETag HTTP

La balise-entité ETag HTTP[1] ou étiquette d'entité (HTTP ETag en anglais) est une partie du protocole de communication HTTP utilisée pour la validation du cache. Un ETag est un identifiant unique opaque assigné par le serveur web à chaque version d'une ressource accessible via une URL. Si la ressource accessible via cette URL change, un nouvel ETag différent du précédent sera assigné.

Utilisés ainsi, les ETags sont similaires à des empreintes digitales, et peuvent être rapidement comparés pour vérifier si deux versions sont identiques, et ainsi savoir si une demande peut être honorée par un cache local ou pas. Validation forte et faible[modifier | modifier le code] David Rousset. FrontSide - Ce qui consomme le plus et peut-on agir sur son code pour réduire son empreinte ?

Utilisation des web workers - Référence Web API. Rust et WebAssembly : Wasm everywhere. J’en parlais dans le premier article sur Rust : l’attrait de WebAssembly est l’une des raisons qui m’ont poussé vers ce langage.

Rust et WebAssembly : Wasm everywhere

Dans cet article, j’aborde la compilation de code Rust en un fichier binaire Wasm et la génération du package NPM permettant son exploitation. Avec Node.js et dans le navigateur… Et après je parle beaucoup de WebAssembly 😁. 🦕 Deno ne sera pas abordé dans l’article, mais la version 0.24 supporte désormais l’import des modules WebAssembly. D’abord, un peu de Rust Pour changer des exemples sayHello(name) et add(a, b), on va écrire en Rust une petite lib simpliste qui compte le nombre de jours calendaires séparant deux dates. Comprendre WebAssembly en 5 minutes. En dehors du titre, le générique masculin est utilisé sans aucune discrimination et uniquement dans le but d'alléger le texte.

Comprendre WebAssembly en 5 minutes

WebAssembly a rejoint le HTML, CSS et Javascript en tant que standard du web le 5 décembre 2019. Ça va être utile pour beaucoup de choses et au niveau performances, c’est du jamais vu dans un navigateur. Si t’as cinq minutes devant toi, il faut que je t’explique la petite révolution en cours. Il était une fois En 1995, Javascript était créé en l’espace de 10 jours par Brendan Eich. En 2008, Google est sorti de nulle part et a posé sur la table son nouveau navigateur : Google Chrome. Green Energy Efficient Progressive Web Apps. David At Microsoft, we have noticed that an average Windows user spends 60% of their time in the browser and therefore… on web pages.

Green Energy Efficient Progressive Web Apps

As a web developer, can we adjust our code to participate in the global effort to reduce the carbon footprint? Let’s briefly review the various areas where a web site consumes energy. First, start with the server that hosts your site. Countries do not produce electricity in the same way, some electricity emitted more carbon in its creation than other and Electricity map shows you how clean or dirty the electricity is in different parts of the world.

Designing Branch: Sustainable Interaction Design Principles - Branch. There’s a need to reconnect the digital to the physical, from minerals and energy to the physical infrastructure that powers the internet.

Designing Branch: Sustainable Interaction Design Principles - Branch

We have to repurpose our digital design processes to consider and reflect these ecological needs, instead of optimising only for business and growth objectives, to achieve more transactions, interactions and attention. One of the ways we can do this is by lowering the energy demand of the digital products and services we’re designing, making it more accessible to people with slower internet connections or on older devices. For Branch we wanted to design something that still looked designed, and worked at a low bandwidth environment, but didn’t end up looking too anodyne. Éco-conception web - Comment coder un site écologique □ – Alex so yes.

L’éco-conception web est un sujet dont on parle très peu en informatique.

Éco-conception web - Comment coder un site écologique □ – Alex so yes

Pourtant, l’empreinte écologique d’internet augmente considérablement année après année. En tant que développeur, chef de projet ou product owner, on est capable de changer les choses. Personnellement créer un site écologique (ou en tout cas moins impactant pour l’environnement) m’a toujours fait envie. C’est mieux pour l’utilisateur, c’est mieux pour la planète, c’est sûrement mieux pour toi aussi. Alors si coder un site internet éco-responsable te fait envie, voici le résultat de semaines de recherches sur le Green IT. Internet pollue et pas qu'un pneu ! Exemple de produit eco-conçu - Pôle Eco conception.

20 REX de très bonne qualité !

Exemple de produit eco-conçu - Pôle Eco conception