Comments (5)
Hmmm Whats the end result you'd want?
Everyone in your company/team can see your specific additions when they view the rendered report?
from lighthouse-stack-packs.
Hmmm Whats the end result you'd want?
Everyone in your company/team can see your specific additions when they view the rendered report?
stack packs look easier than fork Lighthouse and create your own recommendations or lighthouse plugins. For example, I will create a stack pack that detects a JS code that loads all js after user interaction which may affect negatively INTP(CWV metric).
Maybe not name it stack pack, but stacks that don't need to be added to Lighthouse; people will be free to create their own recommendations.
from lighthouse-stack-packs.
I think a more complete idea is to allow community stack packs to be run with flags and we could have more diagnostics for technologies.
An example is Wordpress loads an emoji script(wp-emoji-release.min.js) that many people don't need. A community Wordpress stack pack to remove it can be made, which wouldn't be dependent on the main WP stack pack.
from lighthouse-stack-packs.
Stack packs were designed for this:
- Given a detected JS library/framework on the page...
- ...augment specified audits with additional strings, where library-specific advice can be given
They aren't designed to do the detection themselves. For that, Lighthouse uses https://github.com/johnmichel/Library-Detector-for-Chrome . There is no mechanism to detect from a stack-pack implementation anything other than what comes from that. It's just a bag of strings.
Given:
For example, I will create a stack pack that detects a JS code that loads all js after user interaction which may affect negatively INTP(CWV metric).
This seems like a custom audit, so we'd point you to Lighthouse plugins.
I think a more complete idea is to allow community stack packs to be run with flags and we could have more diagnostics for technologies.
An example is Wordpress loads an emoji script(wp-emoji-release.min.js) that many people don't need. A community Wordpress stack pack to remove it can be made, which wouldn't be dependent on the main WP stack pack.
Can you explain how this differs from Lighthouse plugins, which can be distributed via npm and work today?
from lighthouse-stack-packs.
Can you explain how this differs from Lighthouse plugins, which can be distributed via npm and work today?
The difference is implementation, I can create a stack pack with 1 PR, while the plugin seems more than that, also UX-wise as the results will appear in the performance audit.
from lighthouse-stack-packs.
Related Issues (20)
- React Pack HOT 1
- Angular Pack HOT 1
- Illegal formatting in AMP stack pack HOT 1
- Drupal Stack pack HOT 2
- React stack pack HOT 5
- Typo in magento HOT 1
- React "route navigations"
- Suggestion: Ember.js Stack Pack HOT 1
- More high-level audit suggestions in the Drupal pack HOT 1
- Request list of checks Lighthouse does to write an up to stack pack HOT 1
- `time-to-first-byte` was renamed
- Drupal `uses-responsize-images` unclear HOT 2
- How do I use? HOT 1
- type gen needs some tlc
- nextjs logo is low contrast in dark mode
- Broken link in wordpress
- Add INP-related advice re: React 18
- [WordPress] Suggest the Performance Lab plugin where applicable HOT 4
- de-dupe some strings
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lighthouse-stack-packs.