YellowLabTools Versions Save

This release adds a cookie option and 5 new interesting rules

New features:

• New cookie option when launching a run (for session simulation or anything else)
• New "Scroll bottlenecks" category with two rules:
  • "Scroll events bound": the number of events handler bound to scroll events
  • "DOM access on scroll": the number of DOM accessing functions called on a scroll
• New "Assets not gzipped" rule
• New "jQuery usage" rule: counts the number of jQuery functions in use and complains if it's low
• New "Events not delegated" rule: counts the jQuery binding functions called without event delegation

Improvements and bug fixes:

• "CSS parsing error" rule improved, less likely to have a warning (and its category is changed)
• Made the CSS scores cooler by changing the thresholds
• Fixed a bug with "Events bound" being counted twice
• Prevent run to fail if screenshot generation fails (typically on very very very long pages)
• Fixed a bug on jQuery - on in the profiler
• The CLI now shows the help if it is launched without any arguments

Under the hood changes:

• Phantomas updated to 1.10.2
• Replace grunt-fontsmith module by grunt-webfont
• Removed PhantomJS as a build dependency
• Reduced the size of the result JSON called by the front by approx. 25%
• Reduced the Phantomas timeout from 60s to 45s

The new rules are quite experimental, please tell me if you find any problem with them.

Tests are not limited to desktop websites anymore

• The new device option allows you to choose between desktop, tablet or phone.
• Small improvements.

• Function getComputedStyle is now profiled (bad for perfs)
• Fix a z-index issue in the profiler
• Fix some jQuery functions that were being profiled as binding but are triggering when called with zero arguments (such as .click())

Minor bug fixes on the timeline page.

This new version is mainly about improving the JS timeline and profiler page

Front-end changes:

• New filter by script in the timeline page.
• A click on the timeline brings you to the corresponding timestamp in the profiler.
• The profiler lines are much more detailed about what the function is doing to the DOM.
• The profiler now shows underlying DOM queries on spied jQuery functions.
• More JS and jQuery functions are spied in the profiler.
• Outside of the profiler now, document.write calls have offenders.

API, npm module and CLI:

• New jsTimeline option in the API to choose if the API should return the heavy JS profiling object. Default is false.
• New jsDeepAnalysis option in the module, that records underlying function calls on jQuery functions. Default is false.
• Same --js-deep-analysis option for the CLI.

Under the hood changes:

• Update Phantomas to v1.10.0

This version is focused on improving user comprehension

Front-end changes:

• Add a screenshot of the tested page on the dashboard.
• Improve offenders readability for easier debugging.
• New "different CSS colors" rule (with a nice palette view inspired by @danielmendel)

API, npm module and CLI:

• The offenders are now JSON objects with isolated properties.
• New screenshot option.
• Fix error 1001 when using the npm module.

Under the hood changes:

• Phantomas updated to 1.9.0 (and analyze-css to 0.9.2).
• Better front-end error handling when max runs per day is reached.
• Better front-end error handling when the server is rebooted.
• Small bug fixes and small SEO improvements.

This version contains a major internal refactor

I'm very happy to present this new version! Many changes, but not many of them will be visible on the online service because it's a big code refactor. It transforms the initial Proof of Concept architecture into a more durable one and it adds possibilities for developers (you!) to automate the tool.

Yellow Lab Tools can now be used:

• as a NodeJS module (documentation)
• from the Command Line (documentation)
• as a public API (documentation)
• and still as an online service (http://yellowlab.tools)

The online service also includes new features:

• The front-end is now a real Single Page Application, you can go back and forward with your browser buttons.
• A global score is calculated from all the rules. This is great!
• The Grades page was renamed Dashboard is now the default result page.
• Every rule now has a color-bullet grade on the Dashboard.
• The dashboard displays 1, 2 or 3 warning icons on a rule if there is a real problem.
• Clicking on the rule directs you to a page that describes the rule and shows the offenders.

And Phantomas was upgraded to v1.8, bringing new features:

• New rule: DOM queries without result.
• New Small requests category, reporting small JS, CSS or image files that could be inlined, concatenated, sprited...
• Embedded <style> are now analyzed by css-analyze.

This first version is very Javascript oriented. It will diversify in the future.