Yellow Lab Tools runs on a Node.js server, is easy to install, and lets developers test a website (via an URL). This is done by accessing the website via PhantomJS and collecting various metrics and statistics.
These metrics are then manipulated and presented in an easy to understand manner, organized in categories of interest.
Currently there's a section for analyzing the JavaScript execution timeline, complete with a JavaScript profiler that lets developers see how JS scripts have been executed, what where their results and how it impacted the page performance.
The JS scripts and their results are categorized based on how they interact with the DOM while it's being created, interacted with, loading new content and after it's has been completed.
The second main utility is a grading feature that provides A-to-F grades based on the performance of various utilities and operations like DOM complexity, DOM manipulation, the number of HTTP requests, network interactions, CSS complexity, and so on.
Besides the Web-based version of Yellow Lab Tools, the package also comes with Node.js CLI integration, a Grunt task, and a publicly accessible RESTful API.
All in all, Yellow Lab Tools can be really useful for both beginner and advanced coders, helping them improve or fix the way they write JS and CSS, boosting page loading speeds and their code's overall performance.
What is new in this release:
- Rules changes:
- New rule Total weight
- New rule Image optimization that tells you the number of KB that could be saved
- New rule File minification that tells you the number of KB that could be saved
- Changed the rule Gzip compression to tell the number of KB saved
- New rule Not lazyloaded images that detects images under the fold
- Regrouped the different html/js/css/json/image/webfont/video/other seperated rules into a Requests number rule
- Regrouped the 3 seperated Small js/css/images files rules into a Small requests rule
- Improvements:
- Reorganized categories on the dashboard, Page weight and Requests are now first
- Renamed Network category into Server config
- Changed some rules thresholds, mainly to be cooler
What is new in version 1.7.2:
- Rules changes:
- New rule Total weight
- New rule Image optimization that tells you the number of KB that could be saved
- New rule File minification that tells you the number of KB that could be saved
- Changed the rule Gzip compression to tell the number of KB saved
- New rule Not lazyloaded images that detects images under the fold
- Regrouped the different html/js/css/json/image/webfont/video/other seperated rules into a Requests number rule
- Regrouped the 3 seperated Small js/css/images files rules into a Small requests rule
- Improvements:
- Reorganized categories on the dashboard, Page weight and Requests are now first
- Renamed Network category into Server config
- Changed some rules thresholds, mainly to be cooler
What is new in version 1.6.4:
- Removed rules: "DOM inserts", "DOM queries" and "Events bound"
- Added rule: "DOM access", counting all of the above removed rules and more
- Added rule "jQuery calls on empty object"
- "Queries without results" are now also counting jQuery queries
- Made "Font count" rule cooler
- Made "Global variables" rule cooler
What is new in version 1.4.1:
- Add a screenshot of the tested page on the dashboard.
- Improve offenders readability for easier debugging.
- New "different CSS colors" rule.
What is new in version 1.3.2:
- Add a screenshot of the tested page on the dashboard.
- Improve offenders readability for easier debugging.
- New "different CSS colors" rule.
What is new in version 1.2.0:
- Add a screenshot of the tested page on the dashboard.
- Improve offenders readability for easier debugging.
- New "different CSS colors" rule.
What is new in version 1.1.0:
- Yellow Lab Tools can now be used:
- As a NodeJS module (documentation)
- From the Command Line (documentation)
- As a public API (documentation)
- Still as an online service (http://yellowlab.tools)
What is new in version 1.0.0:
- This first version is very JavaScript oriented.
Requirements:
- Node.js
- Bower
Reacties niet gevonden