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.
- Clone this repository somewhere on your computer:
git clone https://github.com/gmetais/YellowLabTools.git
- Get inside the newly created folder and install the dependencies:
cd YellowLabTools
npm install
bower install
- Launch the server
node server.js
- 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.
- Clone this repository somewhere on your computer:
git clone https://github.com/gmetais/YellowLabTools.git
- Get inside the newly created folder and build the virtual machine:
cd YellowLabTools
vagrant up
- 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.