code update recorded at: 28/03/25 09:14:59
This commit is contained in:
commit
b5f7c85723
|
|
@ -0,0 +1,198 @@
|
||||||
|
import lighthouse from 'lighthouse';
|
||||||
|
import { chromium } from "@playwright/test"
|
||||||
|
import lighthouseDesktopConfig from "lighthouse/core/config/desktop-config.js"
|
||||||
|
import fs from 'fs';
|
||||||
|
|
||||||
|
// Log Level
|
||||||
|
// Possible values: silent, error, warn, info, verbose
|
||||||
|
const LOG_LEVEL = process.env.LOG_LEVEL || "error";
|
||||||
|
// Maximum allowed connections in the connection pool
|
||||||
|
const BROWSER_PORT = parseInt(process.env.BROWSER_PORT) || 9000;
|
||||||
|
// Save reports to disk
|
||||||
|
const SAVE_REPORTS_TO_DISK = process.env.SAVE_REPORTS_TO_DISK === 'true';
|
||||||
|
// Default timeout for Lighthouse
|
||||||
|
const DEFAULT_TIMEOUT_IN_SECONDS = parseInt(process.env.DEFAULT_TIMEOUT_IN_SECONDS) || 60;
|
||||||
|
// Evaluation Categories
|
||||||
|
const CATEGORIES = [
|
||||||
|
"accessibility",
|
||||||
|
"best-practices",
|
||||||
|
"performance",
|
||||||
|
"pwa",
|
||||||
|
"seo",
|
||||||
|
]
|
||||||
|
// Device Types
|
||||||
|
const DEVICE_TYPES = {
|
||||||
|
DESKTOP: "desktop",
|
||||||
|
MOBILE: "mobile",
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Validates the request body for required fields and structure.
|
||||||
|
* @param {Object} body - Request body containing the required fields.
|
||||||
|
* @throws {Error} If validation fails.
|
||||||
|
*/
|
||||||
|
const validateRequestBody = ({ url, timeout, categories, device }) => {
|
||||||
|
const errors = [];
|
||||||
|
|
||||||
|
// Ensure the query string is provided
|
||||||
|
if (!url) {
|
||||||
|
errors.push('URL is required.');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensure the timeout is a positive integer
|
||||||
|
if (timeout && (isNaN(timeout) || timeout <= 0)) {
|
||||||
|
errors.push('Timeout must be a positive integer.');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensure the categories selected is from the allowed values
|
||||||
|
if (categories && categories.length > 0) {
|
||||||
|
for (const category of categories) {
|
||||||
|
if (!CATEGORIES.includes(category)) {
|
||||||
|
errors.push(`Category ${category} is not valid.`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensure the device is from the allowed values
|
||||||
|
if (device && !Object.values(DEVICE_TYPES).includes(device)) {
|
||||||
|
errors.push(`Device ${device} is not valid.`);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Throw error if any validation fails
|
||||||
|
if (errors.length) {
|
||||||
|
var msg = `Validation errors: ${errors.join(' ')}`
|
||||||
|
console.log(msg)
|
||||||
|
throw new Error(msg);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
async function runLighthouse({ url, timeout = DEFAULT_TIMEOUT_IN_SECONDS, device = DEVICE_TYPES.DESKTOP, categories = CATEGORIES }) {
|
||||||
|
let browser;
|
||||||
|
let page;
|
||||||
|
try {
|
||||||
|
browser = await chromium.launch({
|
||||||
|
args: [`--remote-debugging-port=${BROWSER_PORT}`],
|
||||||
|
});
|
||||||
|
|
||||||
|
const options = {
|
||||||
|
logLevel: LOG_LEVEL,
|
||||||
|
output: 'html',
|
||||||
|
port: BROWSER_PORT,
|
||||||
|
ignoreStatusCode: false,
|
||||||
|
maxWaitForLoad: timeout * 1000,
|
||||||
|
...(device === DEVICE_TYPES.DESKTOP ? lighthouseDesktopConfig.settings : {}),
|
||||||
|
emulatedUserAgent: `Boltic Serverless v1.0 with mode ${device}`,
|
||||||
|
onlyCategories: categories,
|
||||||
|
};
|
||||||
|
|
||||||
|
console.log("Running Lighthouse with options:", JSON.stringify(options))
|
||||||
|
|
||||||
|
const runnerResult = await lighthouse(url, options);
|
||||||
|
const reportHtml = runnerResult.report;
|
||||||
|
|
||||||
|
// Extract performance metrics from the lighthouse results
|
||||||
|
const metrics = {
|
||||||
|
firstContentfulPaint: runnerResult.lhr.audits['first-contentful-paint'].numericValue,
|
||||||
|
largestContentfulPaint: runnerResult.lhr.audits['largest-contentful-paint'].numericValue,
|
||||||
|
speedIndex: runnerResult.lhr.audits['speed-index'].numericValue,
|
||||||
|
totalBlockingTime: runnerResult.lhr.audits['total-blocking-time'].numericValue,
|
||||||
|
cumulativeLayoutShift: runnerResult.lhr.audits['cumulative-layout-shift'].numericValue,
|
||||||
|
// Convert milliseconds to seconds for better readability
|
||||||
|
timeToInteractive: runnerResult.lhr.audits['interactive'].numericValue,
|
||||||
|
performanceScore: runnerResult.lhr.categories.performance.score * 100
|
||||||
|
};
|
||||||
|
|
||||||
|
// Generate PDF directly without saving HTML first
|
||||||
|
page = await browser.newPage();
|
||||||
|
await page.setContent(reportHtml, {
|
||||||
|
waitUntil: 'load',
|
||||||
|
});
|
||||||
|
const pdfBuffer = await page.pdf({
|
||||||
|
format: 'A4',
|
||||||
|
printBackground: true,
|
||||||
|
margin: {
|
||||||
|
top: '10px',
|
||||||
|
right: '10px',
|
||||||
|
bottom: '10px',
|
||||||
|
left: '10px'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (SAVE_REPORTS_TO_DISK) {
|
||||||
|
fs.writeFileSync('lighthouse-report.html', reportHtml);
|
||||||
|
fs.writeFileSync('lighthouse-report.pdf', pdfBuffer);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check report size
|
||||||
|
const reportSizeInMB = Buffer.byteLength(reportHtml) / (1024 * 1024);
|
||||||
|
if (reportSizeInMB > 4) {
|
||||||
|
console.warn(`Warning: Report size (${reportSizeInMB.toFixed(2)} MB) exceeds 4MB`);
|
||||||
|
// throw new Error(`Report size (${reportSizeInMB.toFixed(2)} MB) exceeds 4MB`) // Uncomment if needed
|
||||||
|
} else {
|
||||||
|
console.log(`Report size: ${reportSizeInMB.toFixed(2)} MB`);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
reports: {
|
||||||
|
// Uncomment if needed
|
||||||
|
// html: reportHtml.toString('base64'),
|
||||||
|
pdf: pdfBuffer.toString('base64'),
|
||||||
|
},
|
||||||
|
metrics: {
|
||||||
|
firstContentfulPaint: Number((metrics.firstContentfulPaint / 1000).toFixed(2)),
|
||||||
|
largestContentfulPaint: Number((metrics.largestContentfulPaint / 1000).toFixed(2)),
|
||||||
|
speedIndex: Number((metrics.speedIndex / 1000).toFixed(2)),
|
||||||
|
totalBlockingTime: Number(metrics.totalBlockingTime.toFixed(2)),
|
||||||
|
cumulativeLayoutShift: Number(metrics.cumulativeLayoutShift.toFixed(3)),
|
||||||
|
timeToInteractive: Number((metrics.timeToInteractive / 1000).toFixed(2)),
|
||||||
|
performanceScore: Number(metrics.performanceScore.toFixed(0)),
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error generating lighthouse report:', error);
|
||||||
|
throw error;
|
||||||
|
} finally {
|
||||||
|
if (page) await page.close();
|
||||||
|
if (browser) await browser.close();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Express.js handler for incoming requests.
|
||||||
|
* Run Lighthouse and return the result.
|
||||||
|
* @param {Object} req - Express request object.
|
||||||
|
* @param {Object} res - Express response object.
|
||||||
|
*/
|
||||||
|
export const handler = async (req, res) => {
|
||||||
|
try {
|
||||||
|
console.log('Received request:', JSON.stringify(req.body));
|
||||||
|
// Ensure the request method is POST
|
||||||
|
if (req.method !== 'POST') {
|
||||||
|
return res.status(400).json({ error: 'Invalid method, only POST allowed.' });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Extract and validate request body
|
||||||
|
validateRequestBody(req.body);
|
||||||
|
|
||||||
|
// Initialize startTime
|
||||||
|
const startTime = new Date();
|
||||||
|
|
||||||
|
// Run Lighthouse
|
||||||
|
const result = await runLighthouse(req.body);
|
||||||
|
// Calculate elapsed time in seconds
|
||||||
|
const elapsedTime = (new Date() - startTime) / 1000;
|
||||||
|
|
||||||
|
// Log the elapsed time
|
||||||
|
console.log(`Lighthouse execution time: ${elapsedTime.toFixed(3)} seconds`);
|
||||||
|
|
||||||
|
// Send the result
|
||||||
|
res.setHeader('Content-Type', 'application/json');
|
||||||
|
res.status(200).json({
|
||||||
|
...result,
|
||||||
|
executionTime: Number(elapsedTime.toFixed(3))
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error handling request:', error.message);
|
||||||
|
res.status(500).json({ error: error.message });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
{
|
||||||
|
"name": "boltic-lighthouse-report",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "Analyze web apps and web pages using Lighthouse to collect modern performance metrics and gain insights into developer best practices.",
|
||||||
|
"main": "handler.js",
|
||||||
|
"scripts": {
|
||||||
|
"start": "node handler.js"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@playwright/test": "^1.51.1",
|
||||||
|
"lighthouse": "^12.5.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=16.0.0"
|
||||||
|
},
|
||||||
|
"author": "Boltic",
|
||||||
|
"license": "MIT",
|
||||||
|
"type": "module"
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user