addyosmani/timing.js

Create visual bookmarklet

Open

#5 opened on Sep 25, 2014

View on GitHub
 (6 comments) (0 reactions) (0 assignees)JavaScript (1,504 stars) (123 forks)batch import
enhancementhelp wanted

Description

Look at http://kaaes.github.io/timing/ and http://blog.newrelic.com/wp-content/uploads/performance_for_this_trace.png

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontendperformance
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
JavaScript basicsDOM manipulation
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
55
Research direction
Investigate the linked examples (http://kaaes.github.io/timing/ and the New Relic screenshot) to understand expected functionality. Consider using the timing.js library to extract performance data and create a bookmarklet that overlays visual indicators on the page. Files to modify: likely need to create a new JS file for the bookmarklet code. Check existing examples in the repository for guidance.