Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
lighthouse-plugin-soft-navigation
Advanced tools
Lighthouse plugin that reports metrics such as LCP and FCP from a soft navigation.
Readme
This is a plugin for Lighthouse that measures metrics such as FCP and LCP in a soft navigation.
A soft navigation is a same-document navigation triggered by user interaction that mutates the DOM and updates the page URL (e.g. using the history API). You can read more about the definition of a soft navigation over in WICG/softnavigations.
Warning These features are necessary for this plugin to work but they are experimental and therefore subject to change without warning. I will try to keep the plugin and requirements up to date as things change.
--enable-experimental-web-platform-features
to enable soft navigation measurement.Install with npm or yarn. Make sure Lighthouse and Puppeteer are installed as well.
npm install lighthouse puppeteer lighthouse-plugin-soft-navigation
yarn add lighthouse puppeteer lighthouse-plugin-soft-navigation
Include this plugin in your Lighthouse config so Lighthouse timespan mode can audit interactions that trigger a soft navigation.
import fs from 'fs';
import puppeteer from 'puppeteer';
import {startFlow} from 'lighthouse';
const browser = await puppeteer.launch({
headless: false,
args: ['--enable-experimental-web-platform-features'],
// Make sure you are using the latest Chrome Canary.
executablePath: '/path/to/chrome'
});
const page = await browser.newPage();
const config = {
extends: 'lighthouse:default',
plugins: ['lighthouse-plugin-soft-navigation'],
}
const flow = await startFlow(page, {config});
// This will trigger a hard navigation.
// This step will be like any normal navigation in the report.
await flow.navigate('https://example.com');
// Clicking `a.link` will trigger a soft navigation.
// This step will include soft navigation metrics from the plugin in the report.
await flow.startTimespan();
await page.click('a.link');
await flow.endTimespan();
const report = await flow.generateReport();
fs.saveFileSync('report.html', report);
FAQs
Lighthouse plugin that reports metrics such as LCP and FCP from a soft navigation.
The npm package lighthouse-plugin-soft-navigation receives a total of 524 weekly downloads. As such, lighthouse-plugin-soft-navigation popularity was classified as not popular.
We found that lighthouse-plugin-soft-navigation demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.