EcoConception Logicielle
9.0K views | +0 today
EcoConception Logicielle
Green IT, performance web, économies d'énergies, bref : éco-conception logicielle !
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Scooped by Mickael Ruau
November 11, 2013 6:10 AM
Scoop.it!

Blogging With Octopress - Matt Gemmell

How to migrate from WordPress to Octopress, for static 'baked' blogging. Tips for configuring Octopress and Apache for the best performance.
Mickael Ruau's insight:

The system I’m using to generate the blog is called Octopress by Brandon Mathis, which is a framework around Jekyll. You can run it wherever you like (locally, or even on your server), and it will generate an entirely static web site for you, and even rsync it to where you’re hosting from.

 

If you’re wondering about whether to “bake” your own blog or site, I can recommend these three posts by Brent Simmons on why you should consider it. I can also highly recommend Octopress as the means of doing it.

No comment yet.
Scooped by Mickael Ruau
November 11, 2013 6:00 AM
Scoop.it!

Générer un blog statique avec Dropbox et Scriptogr.am | BlogNT

Générer un blog statique avec Dropbox et Scriptogr.am | BlogNT | EcoConception Logicielle | Scoop.it

La semaine dernière, alors qu’il revenait de vacances, Korbena publié un article sur l’actu de la semaine. Dans ce dernier, un lien a particulièrement retenu mon attention : « Pas besoin d’une plateforme ou d’un serveur pour blogger… Une simple Dropbox suffit pour créer votre blog« .

Mickael Ruau's insight:

Markdown est un langage de balisage créé par John Gruber et Aaron Swartz, selon Wikipedia. Le but de la syntaxe Markdown est d’offrir une syntaxe facile à lire et à écrire. Il va ainsi se révéler être un outil de conversion de texte vers HTML.
Si vous souhaitez en savoir davantage sur ce dernier, je vous propose de regarder du côté de Dingus, un éditeur en ligne Markdown pour les développeurs.


Scriptogram utilise ce langage de balisage pour générer des pages, vous aurez donc besoin d’apprendre une chose ou deux avant de commencer. Pour ce faire, je vous propose de cliquer sur ce lien, dans lequel vous trouverez une documentation détaillée du langage.


Ce dernier semble être optimisé pour un blog. Outre les tags courants, vous y retrouverez Published, Type, Title, Slug, Tags, Excerpt, autant dire des éléments qui visent à définir des entités semblables nécessaires pour un article de blog.
Avec un peu de pratique, vous allez rédiger rapidement des articles !

No comment yet.
Scooped by Mickael Ruau
November 11, 2013 5:06 AM
Scoop.it!

Newmanity : le réseau social écolo, responsable et humain

Newmanity : le réseau social écolo, responsable et humain | EcoConception Logicielle | Scoop.it
Lancé en fin d’année 2012, le réseau social thématique Newmanity, destiné aux personnes « qui aspirent à une société plus humaine, plus écologique et plus responsable », compte aujourd’hui 25 000 membres.
Mickael Ruau's insight:

A l’instar des réseaux sociaux classiques, Newmanity permet à ses utilisateurs de partager des actualités, événements, messages ou encore photos, visibles ensuite par ses « amis ». Les thèmes abordés concernent l’environnement, l’écologie, mais aussi la santé ou bien la médecine alternative. Les contenus sont pour la plupart rédigés par l’équipe Newmanité et des experts.



Mais l’une des particularités du site, passé à ses débuts d’association à société pour des raisons de financement, se situe dans son système de géolocalisation. Il est en effet possible de découvrir les membres du réseau proches de chez soi ainsi que les événements qui se dérouleront à quelques rues.

 

« Nous sommes ancré dans le local, nous estimons que c’est un critère important », juge Victor Ferreira, qui annonce l’arrivée le mois prochain d’un nouvel « outil d’entraide localisé ».

 

« Satisfait » de l’avancée de son bébé qui fête ses 1 an, le créateur de l’association Max Havelaar espère que le réseau social passera la barre des 300 000 membres l’année prochaine, coïncidant avec la date de création d’une version anglophone.

No comment yet.
Scooped by Mickael Ruau
November 10, 2013 11:44 AM
Scoop.it!

Les principes de la norme iso 14001 - Ecoute et Qualité

Ce document donne les grandes lignes de la norme iso 14001 relative à un système de management environnemental
No comment yet.
Scooped by Mickael Ruau
November 9, 2013 6:00 AM
Scoop.it!

Xhprof

Présentation d'une conférence sur le profilage avec XHProf & XHGui donnée lors du PHPTour de Lille les 24 et 25 novembre 2011.
No comment yet.
Scooped by Mickael Ruau
November 8, 2013 1:31 PM
Scoop.it!

Telemetry: Introduction - The Chromium Projects

Telemetry: Introduction - The Chromium Projects | EcoConception Logicielle | Scoop.it
Telemetry 101

Telemetry has become the framework for cross-(chrome)-platform performance testing.  Telemetry is a python wrapper around of the DevTools Remote Debugging Protocol.  Telemetry abstracts launching, connecting, and opening a page in whatever underlying platform Chrome is running, fetching data via the Inspector timeline and traces, loading Chrome with arbitrary flags, and using Web Page Replay to cache real-world websites so they don’t change when used in benchmarks.

 

Core Principles

Write one performance test that can trivially run on all platforms [Mac/Win/Linux, CrOS, Android] for both Chrome and ContentShell

Run on browser binaries, without having to build the browser yourself

Use WebPageReplay to get repeatable test results

Run on non-chrome browsers for comparative studies (not yet implemented)

Clean architecture for writing benchmarks that keeps measurements and use cases separate

Mickael Ruau's insight:
Should my test use Telemetry?

It depends, what are you trying to measure?
Are you trying to verify correctness?  If yes, Telemetry is not for you but browser tests are your friend.

Telemetry is designed for performance tests that:

can be written with pure JS/HTML/CSS

use real world content (rather than synthetic)

could be run on other browsers, not just Chrome

No comment yet.
Scooped by Mickael Ruau
November 8, 2013 1:38 AM
Scoop.it!

OpenGreen - Méthode d'Eco-Innovation

Présentation d'OpenGreen, une méthode d'Eco-Innovation
No comment yet.
Scooped by Mickael Ruau
November 7, 2013 11:25 AM
Scoop.it!

PHP QB - Compiling to Native Code

QB stands for “Quick Binary.” It’s a PHP extension designed to enable faster handling of binary data. It takes a function written in PHP and translate it for a specialized virtual machine.
Mickael Ruau's insight:

QB does not have built-in capability of compiling functions to native code. It relies on an external C compiler. On Linux, it uses gcc. On Mac OSX, it uses either gcc-llvm. On Windows, it uses Microsoft Visual C++.

 

(...)

Once you've installed a compiler, you need to tell QB where it is. On Linux and Mac OSX, the environment variable PATH will likely contain the directory where the compiler reside, so you don't need to do anything. On Windows, you will need to add the following to your php.ini:

qb.compiler_env_path = "C:\Program Files\Microsoft Visual Studio 9.0\VC\Bin;C:\Program Files\Microsoft Visual Studio 9.0\VC\vcpackages;C:\Program Files\Microsoft Visual Studio 9.0\Common7\IDE"

By default, QB stores compiled code in the operation system's temporary directory. For safety sake, you probably want to keep them at a different location. Example:

qb.native_code_cache_path = "C:\QB_CACHE"
No comment yet.
Scooped by Mickael Ruau
November 7, 2013 11:19 AM
Scoop.it!

High Performance PHP with Static Typing

High Performance PHP with Static Typing | EcoConception Logicielle | Scoop.it

PHP+QB is an alternate virtual machine for PHP that claims to offers an order of magnitude improvement in performance. The downside is that it requires everything to be statically typed and arrays have severe limitations put on them.

Mickael Ruau's insight:

Static type declarations are added via an extension to the PHPDoc syntax. Methods are tagged with “@engine qb” to indicate that they should be executed on PHP+QB VM. Then you have to tag the return type, parameters, and global variables with types using the normal PHPDoc syntax. Local variables are declared using @local.

No comment yet.
Scooped by Mickael Ruau
November 7, 2013 10:13 AM
Scoop.it!

For the Love of (Website) Speed

For the Love of (Website) Speed | EcoConception Logicielle | Scoop.it
At some point Internet professionals are going to wonder just how fast is fast enough when it comes to their website.  It seems every time webmasters turn around they are being inundated with research highlighting the benefits of faster sites...
No comment yet.
Scooped by Mickael Ruau
November 7, 2013 2:32 AM
Scoop.it!

La fiesta du dév mobile : les 23 et 24 novembre à Paris - Actualites - Programmez.com

La fiesta du dév mobile : les 23 et 24 novembre à Paris - Actualites - Programmez.com | EcoConception Logicielle | Scoop.it
Vous avez la passion du développement mobile ? Vous voulez en savoir plus ? La fiesta du dev mobile est faite pour vous !
Mickael Ruau's insight:

Durant 30 heures, dans toute la France, vous allez pouvoir voir, rencontrer les communautés, les développeurs, toucher les plates-formes et technologies. Et vous pourrez vous frotter aux développeurs dans un championnat de France du développement mobile, avec de nombreux lots à gagner ! Plusieurs catégories seront proposées : Android, iOS, Windows Phone, design et prix spécial du jury.


(...)

Site : www.lafiestadudev.mobi

No comment yet.
Scooped by Mickael Ruau
November 6, 2013 2:33 PM
Scoop.it!

PECL :: Package :: yaf :: 2.2.9

DescriptionYaf is a PHP framework similar to zend framework, which is written in c and built as PHP extensionHomepagehttp://www.yafdev.com/
No comment yet.
Scooped by Mickael Ruau
November 5, 2013 4:09 PM
Scoop.it!

Tire

Tire | EcoConception Logicielle | Scoop.it

Tire is a lightweight JavaScript library for modern browsers. The syntax is inspired from jQuery. It's modular so you can extend it however you like, also replace our features with your own.

Fixes for older browsers increase the file size and we don't want that. So if you like a library to support Internet Explorer 6 or 7, Tire isn't for you.

That said, all features can probably be rewritten/extended to add support for old browsers. In that case, you have to create a fork of Tire and fix it yourself.

 
Mickael Ruau's insight:
Browser supportChromeSafari 4.0.5Internet Explorer 8Firefox 3.5Opera 10
No comment yet.
Scooped by Mickael Ruau
November 11, 2013 6:02 AM
Scoop.it!

Héberger une page Web sur Dropbox avec Pancake.io | BlogNT

Héberger une page Web sur Dropbox avec Pancake.io | BlogNT | EcoConception Logicielle | Scoop.it

Pancake.io est une application Web qui héberge vos fichiers dans votre dossier Dropbox. Le principe est simple : par exemple vous créez un fichier texte avec le contenu que vous souhaitez publier, vous le sauvegardez dans un dossier spécial, nommé Pancake.io, au sein même de votre dossier Dropbox. Si vous souhaitez le mettre à jour, rien de plus simple, puisqu’il vous suffit d’ouvrir votre fichier texte et le modifier.

Mickael Ruau's insight:

Sachez que l’application soutient également d’autres formats comme le PDF, les images (.jpg, .png, …), des fichiers provenant de Microsoft Office (.doc, .xls, .ppt, …) et bien plus encore.

No comment yet.
Scooped by Mickael Ruau
November 11, 2013 5:59 AM
Scoop.it!

Pelican, un générateur de blog statique. - LinuxFr.org

Pelican, un générateur de blog statique. - LinuxFr.org | EcoConception Logicielle | Scoop.it

Pelican est un logiciel en Python sous licence AGPL qui permet de générer un blog de manière statique, de manière à pouvoir l'héberger facilement : pas besoin de langage de script côté serveur, les pages sont générées sur votre machine. 

Il est possible d'utiliser les syntaxes markdown ou restructured text pour écrire vos articles, ainsi que l'éditeur de texte de votre choix. Le système est fait de manière à pouvoir accueillir simplement de nouvelles syntaxes. 

Mickael Ruau's insight:

Pelican supporte actuellement les articles, catégories, tags, commentaires (via disqus), l'export des articles vers PDF, les pages et la gestion des thèmes.

La page du projet (746 clics)Le dépôt sur github (152 clics)Un exemple de blog (530 clics)
No comment yet.
Scooped by Mickael Ruau
November 11, 2013 4:58 AM
Scoop.it!

Site statique-site dynamique : le match

Site statique-site dynamique : le match | EcoConception Logicielle | Scoop.it
Site statique-site dynamique : le match
Mickael Ruau's insight:

Site statique ou site dynamique ? Le choix est technologique, mais sa portée est bien plus large. Il engage la vie et la durée de vie d'un site, reflète la stratégie de l'éditeur, ses contraintes économiques et humaines. Et si aujourd'hui la plupart des nouveaux sites professionnels qui se créent sont dynamiques, l'alternative statique reste néanmoins présente.

 

 

Car, comme le rappelle Manuel Ferly, manager de l'agence Studio SQLI, il existe encore nombre de sites professionnels statiques, y compris des sites à très gros trafic ou à mise à jour fréquente. "On a l'impression que le débat a été tranché en faveur des sites dynamiques. Or, quels que soient la taille, les moyens et les objectifs d'une entreprise, la solution n'est jamais unique. Avant de savoir quelle solution technologique apporter, il faut d'abord identifier les besoins réels du site et les évolutions possibles."

No comment yet.
Scooped by Mickael Ruau
November 9, 2013 6:15 AM
Scoop.it!

Obsolescence programmée : quelles solutions pour lutter contre ce ...

Obsolescence programmée quelles solutions pour lutter contre ce phénomène ?
No comment yet.
Scooped by Mickael Ruau
November 9, 2013 5:43 AM
Scoop.it!

Optimiser son site web | Webaaz

Optimiser son site web | Webaaz | EcoConception Logicielle | Scoop.it
Comment accélérer le chargement de votre site web pour améliorer l'expérience utilisateur de vos visiteurs.
Mickael Ruau's insight:
ETags

Désactivez les ETags si le site est en cluster. Leur performance est alors très aléatoire. Si vous n’avez pas de cluster, vous pouvez les laisser, même si YSlow vous fait la remarque.

Impacts de la latence réseau

Avec un temps de latence avec le serveur de 20ms, pour 25 requêtes externes on perd donc une demi seconde ! Et encore le temps de latence est plus souvent entre 30 et 60 ms. On peut cependant relativiser un peu car la parallélisation des téléchargements permet de limiter cet effet.

Il est donc important de limiter le nombre de composants à charger par page.

L’utilisation de connexions persistantes sur des serveurs statiques (CDN) paraît être un bon moyen de limiter les effets de la latence, mais son paramétrage peut être délicat et dépends de votre cas particulier. L’abus de cette techniques pourrait avoir l’effet inverse en engorgeant le serveur de connexions persistantes inutiles.

Pour la concaténation de vos fichiers, un module d’Apache permet de faire le travail côté serveur, je ne l’ai pas testé, mais j’attends vos retours sur le sujet dans les commentaires :

Mod_concat

 

(...)

D’autres pistes d’optimisation

Il faut à tout prix limiter les redirections sur la page d’accueil, cela augmente la latence et n’est souvent qu’un mauvais palliatif à une solution plus pérenne. Ce n’est d’ailleurs pas bon non plus pour votre référencement.

Les cookies

Un cookie est envoyé avec chaque requête http, il faut limiter strictement leur taille, un cookie de 1ko retarde la réponse de 16ms en moyenne, avec 50 composants dans la page, on gagne donc 0,8s ! Il faut donc si vous le pouvez limiter les cookies aux sous domaines afin qu’il s n’impactent pas le téléchargement des autres ressources. En utilisant un CDN ou un sous domaines pour les données statiques, vous règlerez le problème.

DNS

Le temps de résolution d’un domaine tourne autour de 30ms. Multiplier le nombre de domaine permet de paralléliser les téléchargements. Certains « vieux » navigateurs ne téléchargent que deux ressources simultanément, mais les plus récents en prennent 4 fois plus en moyenne. Limiter le nombre de domaines à 4 est un bon compromis.

Buffer

Il est important également d’envoyer votre buffer le plus rapidement possible. L’utilisateur verra sa page commencer à se charger plus rapidement. Son ressenti sera bien meilleur, surtout si les temps de génération de votre page sont longs.

 

Références utiles

Une des meilleures références sur le sujet est en français. Vous y trouverez beaucoup d’explications

Le blog d’Éric Daspet sur les performances web

Les autres en anglais sont aussi de très bonne facture :

Les bonnes pratiques par YahooLes bonnes pratiques par GoogleLe blog de Steve Souders 
No comment yet.
Scooped by Mickael Ruau
November 8, 2013 1:58 AM
Scoop.it!

Agenda › GreenIT.fr

Agenda › GreenIT.fr | EcoConception Logicielle | Scoop.it

L'agenda de novembre / décembre 2013 autour des évènements GreenIT en France. Si des évènements venaient à manquer, n'hésitez pas à le signaler aux administrateurs du site GreenIT.fr pour qu'ils les intègrent.

No comment yet.
Scooped by Mickael Ruau
November 8, 2013 1:37 AM
Scoop.it!

OpenGreen à Inéov : Eco-innovation et GreenIT

Présentation de la méthode OpenGreen pour l'éco-innovation en lien avec le GreenIT lors de l'événement Inéov, à Grenoble, le 7 juin 2011.
No comment yet.
Scooped by Mickael Ruau
November 7, 2013 11:22 AM
Scoop.it!

PHP QB - Comparing Performance in QB with HHVM

PHP QB - Comparing Performance in QB with HHVM | EcoConception Logicielle | Scoop.it
QB stands for “Quick Binary.” It’s a PHP extension designed to enable faster handling of binary data. It takes a function written in PHP and translate it for a specialized virtual machine.
Mickael Ruau's insight:
Different Aims, Different Scopes

Before we begin, I want to emphasize that the QB extension is not a competitor to HipHop. Facebook’s effort was motivated by a desire to conserve computational resources. By making PHP code run more efficiently, the firm can save money by running few servers. Speed is one aim, but so is a reduction of memory foot-print. QB, on the other hand, is designed to circumvent limitations of PHP that make it impractical for writing certain type of code—chiefly code for image manipulation. Running existing code is not part of the requirements. Code that QB is designed to run for the most part doesn’t actually exist yet. As such, I have far more freedom to define the language engine’s behavior. The task that the Facebook team has taken on is far more formidable in comparison.

No comment yet.
Scooped by Mickael Ruau
November 7, 2013 10:51 AM
Scoop.it!

Solution GRATUITE de monitoring de performance pour Java et .NET

Solution GRATUITE de monitoring de performance pour Java et .NET | EcoConception Logicielle | Scoop.it
Worried about the performance of your revenue critical apps? Experience the power of AppDynamics. Download the free performance solution for Java or .NET.
Mickael Ruau's insight:

AppDynamics Lite est simple à utiliser et vous pouvez le déployer dès à présent.

Déterminez l'origine du problème en 15 minutes.

Après seulement quelques minutes vous pouvez:

Trouver quelles transactions ont les temps de réponse les plus longsExplorer les requêtes les plus lentes ainsi que les erreurs et les blocagesDiagnostiquer le code source: gagnez 100% de visibilité sur la performance de chaque classe/méthode et identifiez le code SQL peu performant.

No comment yet.
Rescooped by Mickael Ruau from web2Partner
November 7, 2013 2:50 AM
Scoop.it!

Google Analytics va vous aider à booster les performances de votre site Web

Google Analytics va vous aider à booster les performances de votre site Web | EcoConception Logicielle | Scoop.it
Google aime les sites rapides, et depuis longtemps, et son outil nommé Insights PageSpeed a été un moyen facile de trouver les potentiels problèmes de ralentissement d’un site, que ce soit dans la conception, que lors d’un déploiement.

Via Jean-Jacques Roland
No comment yet.
Scooped by Mickael Ruau
November 6, 2013 2:36 PM
Scoop.it!

YAF Framework haute performance disponible comme extension Php officielle

L'extension Yet Another Framework(Yaf) est un framework PHP, utilisé pour le développement d'application web.

 

Mickael Ruau's insight:

Yaf requiert une version PHP 5.2.1 ou supérieur. Les versions plus anciennes peuvent ne pas fonctionner.

Un benchmark de Yaf peut être vu sur la page des » performances Yaf.

Pour un démarrage rapide, référez-vous à ces tutoriaux.

No comment yet.
Scooped by Mickael Ruau
November 6, 2013 2:32 PM
Scoop.it!

PECL :: Package :: xhprof

XHProf is a function-level hierarchical profiler for PHP and has a simple HTML based navigational interface. 

Mickael Ruau's insight:

The raw data collection component is implemented in C (as a PHP extension). The reporting/UI layer is all in PHP. It is capable of reporting function-level inclusive and exclusive wall times, memory usage, CPU times and number of calls for each function. Additionally, it supports ability to compare two runs (hierarchical DIFF reports), or aggregate results from multiple runs.

No comment yet.