92 lines
3.7 KiB
Markdown
92 lines
3.7 KiB
Markdown
<img src="./doc/img/logo.png" alt="Yellow Lab Tools"></img>
|
|
|
|
Analyzes a webpage and detects **performance** or **front-end code quality** issues. Free, easy to launch, easy to understand, in-depth details.
|
|
|
|
|
|
#
|
|
|
|
<img src="./doc/img/commandment.png" alt="No website should go live without being tested with Yellow Lab Tools"></img>
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="70%">
|
|
The <b>online tool</b> (recommended):
|
|
<a href="https://yellowlab.tools" target="_blank">https://yellowlab.tools</a>
|
|
</td>
|
|
<td width="30%">
|
|
<img src="./doc/img/home.png"></img>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="70%">
|
|
The <b>CLI</b> (Command Line Interface) - <a href="https://github.com/YellowLabTools/YellowLabTools/wiki/Command-Line-Interface" target="_blank">Doc here</a>
|
|
</td>
|
|
<td width="30%">
|
|
<img src="./doc/img/YLT-cli-animated.gif"></img>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="70%">
|
|
The <b>Grunt task</b>: <a href="https://github.com/gmetais/grunt-yellowlabtools" traget="_blank">gmetais/grunt-yellowlabtools</a>
|
|
<br>For developers or Continuous Integration
|
|
</td>
|
|
<td width="30%">
|
|
<img src="./doc/img/grunt-logo.png"></img>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="70%">
|
|
The <b>NodeJS</b> package - <a href="https://github.com/YellowLabTools/YellowLabTools/wiki/NodeJS-module" target="_blank">Doc here</a>
|
|
</td>
|
|
<td width="30%">
|
|
<img src="./doc/img/npm-logo.png"></img>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="70%">
|
|
The <b>public API</b> - <a href="https://github.com/YellowLabTools/YellowLabTools/wiki/Public-API" target="_blank">Doc here</a>
|
|
<br>
|
|
Allows you to launch runs from any language
|
|
</td>
|
|
<td width="30%">
|
|
<img src="./doc/img/api-logo.png"></img>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
## How it works
|
|
|
|
The tool loads the given URL and collects various metrics and statistics with the help of [Phantomas](https://github.com/macbre/phantomas). These metrics are then categorized and transformed into scores. It also gives in-depth details so developpers can fix the detected issues.
|
|
|
|
By the way, it's free because I am a geek, not businessmen. In return, you can add a ★ on GitHub, it will boost my motivation to add more awesome features!!!
|
|
|
|
|
|
|
|
|
|
## Test your localhost
|
|
|
|
You can use [ngrok](https://ngrok.com/), a tool that creates a secure tunnel between your localhost and the online tool (or the public API). You can also use the CLI or the Grunt tasks as they run on your machine.
|
|
|
|
|
|
## Install your own private instance
|
|
|
|
If your project is not accessible from outside, or if you want to fork and improve the tool, you can build your own instance. The documentation is [here](https://github.com/YellowLabTools/YellowLabTools/wiki/Install-your-private-server).
|
|
|
|
|
|
## Author
|
|
Gaël Métais. I'm a webperf freelance. Follow me on Twitter [@gaelmetais](https://twitter.com/gaelmetais), I tweet about Web Performances, Front-end and new versions of YellowLabTools!
|
|
|
|
<a href='https://ko-fi.com/gaelmetais' target='_blank'><img height='35' style='border:0px;height:46px;' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' border='0' alt='Buy me a coffee' /><a>
|
|
|
|
I can also help your company about Web Performances, visit [my website](https://www.gaelmetais.com).
|
|
|
|
|
|
## Contributors
|
|
- Achraf Ben Younes [achrafbenyounes](https://github.com/achrafbenyounes)
|
|
- Km [camlafit](https://github.com/camlafit)
|
|
- Vincent L. [magikcypress](https://github.com/magikcypress)
|
|
- Ousama Ben Younes [ousamabenyounes](https://github.com/ousamabenyounes)
|
|
|