question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Brainstorm: opportunities to improve main thread

See original GitHub issue

Right now we do have diagnostics which summarize some main thread activity (main thread breakdown and bootup time), but we don’t have any targeted opportunities regarding interactivity.

It’d be nice to help the users figure out how to improve the health of their main thread.


Few general approaches:

  1. Do less work
    • Don’t do the work at all (Find needless stuff and nuke it)
    • Do the same work faster. (Profile it and speed it up.)
    • Do the work off the main thread.
  2. Split up long tasks.
  3. Do the work in downtime
    • Defer work till later, after TTI
    • Do work earlier, so TTI doesn’t get pushed out

Maybe we can develop some heuristics to create specific suggestions?

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
patrickhulcecommented, Jun 21, 2021

We think @paulirish would be a great candidate to tackle this new audit, tentatively called “all of Lighthouse” 😉

0reactions
midzercommented, Oct 11, 2018

Maybe we could check how much % of JS is actually run on audited page and give a hint that X % is parsed and compiled without effect. Splitting up large bundles could be a major benefit for non-SPA apps on low end devices.

https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-coverage should provide necessary information for this approach.

edit: Code splitting is good practice for SPA, too. For example webpack recommends https://webpack.js.org/guides/code-splitting/

Read more comments on GitHub >

github_iconTop Results From Across the Web

8 Brainstorming Techniques to Harness the Power of Teamwork
Explore the best brainstorming techniques and learn how to successfully use them in the workplace. These eight ideas can change the way ...
Read more >
7 Ways to Minimize Main Thread Work - NitroPack
Learn how you can minimize main thread work by applying proven optimization techniques. Boost your site's performance immediately.
Read more >
8 Ways To Brainstorm Your Way to Better Design - LinkedIn
1. Keep it small and sweet. When you think of a brainstorming session, what comes to mind? · 2. More bang for your...
Read more >
How to Run an Effective Brainstorm Remotely - The Muse
Remote brainstorms are particularly effective for thorny topics that could be difficult to articulate in an email thread (such as conversations ...
Read more >
How to Brainstorm Story Ideas: 7 Brainstorming Tips - 2022
Follow a thread. Even bad ideas can lead to better ideas. Track where your thoughts go and pay attention to what spurred them...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found