Si vous souhaitez optimiser le chargement de vos sites, il faut avant tout que vous ayez un bon outil de mesure et d'analyse. Voici donc une petite liste de 24 outils ou services en ligne qui vous permettront de mieux comprendre comment se chargent les éléments de votre site et quels sont les points à améliorer pour rendre tout ça plus rapide.

Bonne optimisation à tous !

• Bench - Utilise Phantomas et permet de faire des benchmarks des pages, d'enregistrer les résultats en base et d'afficher tout ça sous la forme de graphiques dans votre navigateur.
• BrowserView Monitoring - Permet de surveiller en continu, les temps de chargement dans un IE, un Chrome et un Firefox à partir de différents pays du monde.
• Cedexis Radar - Un service de RUM (real user monitoring) gratuit qui permet de connaitre le page load time en profondeur (réseau par réseau, par navigateur, etc) et qui offre en plus un outil de comparaison de la qualité de services de tous les CDN et Clouds du marché par rapport à son audience.
• Confess - Utilise PhantomJS pour générer des rapports sur le chargement de vos pages.
• DareBoost - Permet d'avoir un rapport détaillé du chargement de votre site ainsi que sa conformité avec les standards du web. Il utilise YSlow et Page Speed.
• Dotcom-tools - Permet de lancer un chargement de votre site dans de vrais navigateurs à différents endroits de la planète.
• Grunt-phantomas - Plugin pour Phantomas qui permet de mesurer les performances du frontend uniquement. Existe aussi en version YSlow et en version de budgétisation des performances.
• GTmetrix - GTmetrix utilise Google Page Speed et Yahoo! YSlow. Il attribue des notes à votre site et vous donne des recommandations pour l'optimiser.
• HP LoadRunner - Un outil de test automatisé qui permet d'analyser la performance en fonction de la charge du site.
• Keepfast - Permet de surveiller les différents indicateurs liés à la performance de vos sites.
• Libra - Un outil Python qui permet de mesurer le poids de votre site au fil du temps.
• New Relic Browser Monitoring - Permet de surveiller en temps réel et en détail, vos applications web en tenant compte de l'expérience utilisateur de l'Internaute.
• Page Speed - L'outil de Google pour connaitre les performances de votre site et tous les bons conseils pour l'optimiser. Une API est dispo pour NodeJS.
• PerfBar - Un outil en JS pour récupérer et afficher des données de perf sur votre site. Vous pouvez y ajouter vos propres critères de performance.
• Perfjankie - Outil pour surveiller la rapidité et le chargement de vos sites au fil du temps. (Fichiers de démo).
• Phantomas - Basé sur PhantomJS
• Pingdom Website Speed Test - Permet de visualiser une timeline du chargement de votre site et de localiser les goulots d'étranglement.
• Showslow - Outil qui récupère les données de YSlow, Page Speed Insights, WebPageTest et dynaTrace AJAX Edition et qui permet de voir l'évolution des performances dans le temps.
• Sitespeed.io - Outil open source qui récupère des données sur les performances de votre site et vous indique si celui-ci respecte ou non les meilleures pratiques en terme d'optimisation.
• WebPageTest - C'est un service très riche en infos qui permet de lancer un benchmark à partir d'un vrai navigateur à différents endroits du monde, et qui donne entre autres, une timeline du chargement ainsi qu'une note et des conseils pour optimiser votre site. Une API est aussi disponible.
• Web Tracing Framework - Framwork proposant des bibliothèques, des outils et des graphs pour rentrer en profondeur dans les mystères du chargement de vos sites.
• Yandex.Tank - Parfait pour faire des tests de chargement quand on est linuxien.
• Yellow Lab Tools - Outil en ligne qui permet de mettre le doigt sur vos erreurs d'optimisation et qui vous donne une note.
• YSlow - Cet outil analyse vos pages et vous donne une note ainsi que des conseils pour l'optimiser. Yslow existe aussi pour PhantomJS ce qui permet d'automatiser les tests. Et une API est dispo pour NodeJS.

Cet article merveilleux et sans aucun égal intitulé : 24 outils pour mesurer et optimiser les temps de chargement de votre site web ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Attention si vous avez du code sur Google Code... Google a annoncé hier que le service allait fermer. Sur leur blog, Google nous explique qu'en 2006, le monde de l'open source stagnait (Ahahaha) et qu'il voulait donner plus de choix aux développeurs pour héberger leur code (Ahahaha). Mais maintenant, avec l'arrivée de services comme GitHub ou Bitbucket, la mission de Google est remplie (MERCI !!), ils sont contents et ils coulent Google Code la main sur le coeur.

Je pense plutôt qu'en réalité, leur bazar s'est complètement fait dépasser par Github et qu'ils n'ont plus besoin de Google Code pour indexer des fichiers sources.

Sachez-le, donc... Depuis hier, il n'est plus possible de créer de projets et le 24 août, le site passera en lecture seule. Ensuite, il fermera définitivement le 25 janvier 2016. Certains projets d'importance comme Android et Chrome resteront en ligne passé cette date. Et des miroirs comme ceux du kernel Linux ou d'Eclipse seront toujours dispo.

Par contre, vos petits projets NON. Alors pour les migrer, rendez-vous sur l'outil d'export de Google Code vers Github.

Si vous préférez faire tout ça en ligne de commande, un autre outil téléchargeable vous permettra de migrer aussi vers Github ou Bitbucket. Si vous voulez bouger votre code chez Sourceforge, il faudra plutôt utiliser l'outil d'importation proposé par Sourceforge.

Source

Cet article merveilleux et sans aucun égal intitulé : Exportez vos projets Google Code vers Github ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Après avoir lu un article sur un voleur qui a grillé son ordinateur en insérant dedans une clé USB qu'il venait de piquer à quelqu'un dans le métro, le bidouilleur Dark Purple a eu l'envie de créer lui aussi sa propre clé de destruction massive.

Évidemment, ce n'est pas si simple qu'il y parait, car les ports USB embarquent des protections contre les survoltages, les soucis d'électricité statique ainsi que des diodes Transil pour déconnecter proprement le circuit en cas de pépin.

Pour contourner toutes ces protections, Dark Purple a intégré dans son schéma un convertisseur DC-DC inversé qui récupère le jus du port USB pour charger un condensateur capable d'emmagasiner jusqu'à -110 V . Dès que tout est chargé, le convertisseur se coupe et un transistor décharge le condensateur sur les connecteurs du port USB. Une fois que c'est déchargé, le convertisseur se remet en route et récupère le jus renvoyé par le port USB pour ensuite le renvoyer encore et encore et encore jusqu'à ce que l'ordinateur rende l'âme à cause du voltage élevé et du courant fort qui sont capables de griller les fameuses diodes Transil et ensuite faire frire des composants plus sensibles comme le CPU (Processeur de la machine).

Voici à quoi ça ressemble une fois mis sous la forme d'une clé USB.

En effet, comme les contrôleurs USB récents sont intégrés directement dans le CPU, rien de plus direct et efficace.

Par conséquent, méfiez-vous la prochaine fois que vous trouverez une clé USB par terre... Cela pourrait être un piège très désagréable.

Cet article merveilleux et sans aucun égal intitulé : La clé USB qui va griller votre ordinateur ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Pour une raison que j'ignore, le flux RSS du blog qui passe par Feedburner (le vieux machin) déconne sévère pour une raison encore non élucidée. Par conséquent, si vous êtes encore sur l'ancien flux et que vous voulez passer sur le vrai flux RSS, c'est celui-ci qu'il faut utiliser :

http://korben.info/feed

En plus c'est le dernier flux RSS complet qu'on peut encore trouver sur la toile française alors autant en profiter ;-)

Concernant Feedburner, j'essayerai d'arranger le truc dès que possible. Ayé c'est arrangé !

Merci de votre patience !

Cet article merveilleux et sans aucun égal intitulé : Problème de flux RSS [Message de service] ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Si vous faites partie de la grande famille des webdesigner et que vous bossez essentiellement sous Adobe Illustrator, voici un truc de plus à ajouter dans votre boite à outils.

Il s'agit de ai2html, un script gratuit pour Adobe Illustrateur qui est capable de convertir vos documents .ai en fichiers HTML + CSS.

Une fois téléchargé, vous devez bouger le script dans le répertoire "Scripts" d'Illustrator, puis une fois que votre document Illustrator est terminé, il ne vous reste plus qu'à le dimensionner à la taille de la div qui va accueillir le code, de vous assurer que les couleurs du document sont bien en mode RGB, que celui-ci est bien sauvegardé et que les polices que vous utilisez sont de l'Arial ou du Georgia (sauf si vous avez ajouté vos propres polices directement en dur dans le script).

Et c'est seulement ensuite que vous pouvez lancer le script via le menu Fichier -> Scripts -> ai2html.

Rendez-vous ensuite dans le dossier où se trouve votre document .ai et vous devriez voir un répertoire baptisé ai2html-output contenant la transformation en HTML / CSS.

Ai2html n'est pas parfait, mais dans la plupart des cas, il fait du bon boulot. En tout cas, c'est ce qu'ils utilisent au New York Times pour convertir leurs cartes et autres illustrations en HTML.

Amusez-vous bien !

Cet article merveilleux et sans aucun égal intitulé : Convertir un fichier Adobe Illustrator en HTML ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.