search

FeliceGeracitano / webperf-dashboard

Web Performance Dashboard forked from https://github.com/boyney123/garie
Other
51 stars 21 forks source link

Some reports existing from the start and configuring lighthouse (throttling, emulations) #17

Open Naverin89 opened 5 years ago

Naverin89 commented 5 years ago

Hello Felice, You did a great job making this framework. It's very handy. But I noticed that fresh started container contains some amount of reports. This would be wonderful if we will be able to manage (delete) any reports. Also would be great if you can provide some info how configure lighthouse (add throttling, emulate form-factors etc).

Best regards Nick Capture

FeliceGeracitano commented 5 years ago

Hi @Naverin89, I'll try to update and clean the containers, thanks for the feedback

LeegacySystem commented 5 years ago

Hi Felice, awesome work on this repo it really is helpful!

@Naverin89, I'm nowhere near proficient enough to even attempt and make this a toggle switch but editing the utils.ts and rebuilding the lighthouse container allowed me to disable emulation/throttling.

https://github.com/FeliceGeracitano/webperf-dashboard/blob/d79dfc1677b6747c6e8b254435ca26178850c673/packages/lighthouse/src/utils.ts#L60-L67

I swapped the above for the below:


  console.log(`Getting data for ${url}`);
  const lighthouseResponse = await launchChromeAndRunLighthouse(url, {
    extends: 'lighthouse:default',
    settings: {disableDeviceEmulation: true,
    throttlingMethod: 'provided',
    useThrottling: false}
  });
  console.log(`Successfully got data for ${url}`);
  return { raw: lighthouseResponse, dbPayload: filterResults(lighthouseResponse) };
};```