Posts

Les outils Monitorer les performances WEB d’un site web est vraiment indispensable, mais ce n’est pas simple de le faire gratuitement. Il existe des outils en ligne comme SpeedCurve mais c’est relativement cher. L’idée ici est d’avoir un suivi, certes plus simple, mais de façon gratuite. Il se trouve que j’ai déjà une stack graphite/grafana qui tourne en production. Si ce n’est pas votre cas et que vous avez un serveur avec docker qui tourne dessus vous pouvez toujours démarrer un container avec l’image docker-grafana-graphite pour tester la suite de cet article. Une fois que votre graphite est en ligne on va pouvoir commencer à pousser des metrics dedans. Un outil est très connu pour obtenir des metrics de performance sur un site web. Webpagetest, dont j’ai déjà parlé dans un billet précédent sur la mise en place de varnish et des ESIs. Il se trouve que webpagetest fournie une api. ...

Augmenter les performance pour diminuer le temps de réponse de son site devrait être la préoccupation de tout webmaster, afin d’améliorer au maximum l’expérience utilisateur mais aussi pour être mieux référencé sur Google. Nous allons voir dans cet article comment optimiser Wordpress pour obtenir un temps de réponse minimal. Il existe une kyrielle de plugins Wordpress qui permettent de réduire le temps de réponse de Wordpress. Un des plus connus est w3 Total Cache car il possède énormément de fonctionnalités. ...

Le tuto fonctionne aussi sous Ubuntu 12.04 (oui c’est article qui date) Le pare-feu “Shoreline Firewall”, plus communément appelé “Shorewall”, est un outil qui permet de configurer plus facilement Netfilter (IpTable). Shorewall est un outil qui permet de configurer Netfilter, son travail est fini. L’avantage de Shorewall est qu’il est très flexible, une fois que l’on a compris la syntaxe. Si vous avez d’autres firewalls il faut les désinstaller avant de commencer (ex: firestarter) ...

JQPlot est un plugin JQuery qui permet de dessiner des graphiques dans vos pages HTML. Si vous faites des pages de statistiques sur vos pages Internet vous comprendrez rapidement quelles sont les applications et surtout en quoi il vous simplifie les choses. En effet, il vous suffit de lui donner les données et de décider quel type de graphique vous voulez obtenir en sortie et le tour est joué ! On peut facilement imager une fonction PHP (ou autre) qui va générer les données qu’il faut mettre en entrée de JQPlot à partir de votre base de données. ...

Jqmphp, framework JQuery mobile

Hacker Target est un site Internet qui vous propose de tester les vulnérabilités de votre application web. Le site vous propose plusieurs types de tests selon votre site Internet. Voici la liste complète des tests proposés gratuitement par le site (limité à 4/jours) : les injections SQL les CMS Drupal, Joomla et WordPress les ports de votre serveur les vulnérabilités de vos services les problèmes de configuration ou de scripts faire du fingerprint (déterminer les versions de vos librairies et logiciels) en savoir plus sur votre domaine par le biais de whois par exemples obtenir des infos sur vos CMS, fameworks, serveur, emplacement géographique…Etc Nous allons ici détailler le test concernant WordPress car c’est celui que je viens de réaliser sur localhost:8080. ...

Le chargement de vos fichiers Javascript ralentit le chargement de page. Ceci est logique car le navigateur doit télécharger les fichiers avant de faire l’affichage. Grâce à Require.js vous allez pouvoir charger vos JavaScript en asynchrone. C’est-à-dire charger le texte, les images, les styles puis seulement une fois que la page est affichée correctement, et que le lecteur peut commencer à lire le contenu, le JavaScript. Require.js permet aussi de détecter les fichiers qui ont déjà été chargés afin de ne pas les recharger. ...

Le plugin JQuery contextMenu vous permet de faire des menus contextuels sur des images, du texte ou tout autre contenu. L’utilisation de contextMenu peut être utile pour permettre de partager un contenu sur les réseaux sociaux, pour gérer du contenu dynamique ou simplement pour afficher des informations à l’utilisateur. Voici un exemple de menu contextuel généré par le plugin : Pour obtenir ce genre de résultat voici comment appeler le plugin : $.contextMenu({selector: '#id_de_votre_objet_html', items: { edit: {name: "Edit", icon: "edit", callback: $.noop}, cut: {name: "Cut", icon: "cut", callback: $.noop}, copy: {name: "Copy", icon: "copy", callback: $.noop}, paste: {name: "Paste", icon: "paste", callback: $.noop}, "delete": {name: "Delete", icon: "delete", callback: $.noop}, sep1: "---------", quit: {name: "Quit", icon: "quit", callback: $.noop} }}); Comme vous pouvez le voir son utilisation est très simple. ...

Prefixr est un outil, en version alpha, qui vas vous aider dans le développement de vos designs. En effet, le site vous propose de prendre n’importe quel code CSS et de vous en ressortir un code CSS compatible sur tous les navigateurs. Voici un exemple d’utilisation : Vous avez écrit : .example { border: 10px solid #000000; width: 500px; height: 500px; -moz-border-radius: 10px 200px 200px 10px; } Malheureusement -moz-border-radius ne fonctionne pas sur tous les navigateurs… On vas donc passer le code dans Prefixr pour le rendre compatible. ...

Wordpress est un des CMS les plus utilisés dans le monde. Il permet de créer rapidement et très simplement un blog, mais aussi des sites Internet en tous genres. Avec les bonnes extensions, vous pouvez même en faire un site de e-commerce. Son avantage est principalement son optimisation pour le référencement. En effet, si vous avez du contenu intéressant, il sera facilement et rapidement indexé sur les moteurs de recherche. Un des autres avantages de Wordpress est sa grande flexibilité. Vous pouvez réussir à faire énormément de choses juste en ajoutant des extensions. Voici donc une liste des extensions que vous pourrez directement installer depuis votre interface administrateur. Pour installer une extension, rendez-vous dans Extensions>Ajouter. ...