YellowLabTools

Yellow Lab Tools

Online tool designed to help Front-End developers optimize their website

How it works

The tool is based on the fabulous Phantomas by Maciej Brencz, that loads a page and collects many web performance metrics. I rewrote some modules to deeper analyse Javascript interactions with the DOM (especially with jQuery). And then it is wrapped inside a small NodeJS server to get an interface (inspired by my favorite tool: WebPageTest).

There are so many things left to do, your help would be greatly appreciated! Please report bugs, ask for evolutions and come code with me.

Install your own instance

Method 1: Manual installation

You need this 3 brothers: Git, NodeJS and Bower. Click on the links to know how to install them.

1) Clone this repository somewhere on your computer:

git clone https://github.com/gmetais/YellowLabTools.git

2) Get inside the newly created folder and install the dependencies:

cd YellowLabTools
npm install
bower install

3) Launch the server

node server.js

4) Open you browser to http://localhost:8383. The default port 8383 can be changed in server_config/settings.json.

Method 2: In a virtual machine with Vagrant

You need VirtualBox & Vagrant.

1) Clone this repository somewhere on your computer:

git clone https://github.com/gmetais/YellowLabTools.git

2) Get inside the newly created folder and build the virtual machine:

cd YellowLabTools
vagrant up

3) Open your browser to http://10.10.10.10 and have fun.

License

Please read the license.

Author

Gaël Métais. I'm a webperf freelance based in Paris. If you understand french, you can visit my website.