You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This Pull Request introduces the Frontend Performance Analyzer project, a premium web application designed to help developers simulate, analyze, and optimize Core Web Vitals and frontend metrics. It implements a customizable "Manual Specs" configuration alongside a deterministic "URL Audit" tracing mechanism.
Key Features
Deterministic URL Audit Tracing: Simulates page audits (DNS resolution, SSL checks, asset payload sizes) by hashing the target hostname to produce realistic and reproducible metrics.
Lighthouse Scoring Engine: Matches official scoring weights (50% LCP, 30% FID/INP, 20% CLS) using a premium SVG radial gauge dial that updates dynamically.
Interactive Sandbox Mode: Adjust metrics instantly with real-time sliders and toggle checkboxes for minification, WebP image conversion, HTTP/3, and script deferring.
State Restoration & History Logs: Click on past audits to restore all metrics sliders and values instantly.
JSON & Text Exporters: Download a raw .json file of the session configuration or export a formatted textual .txt summary report.
UI/UX & Responsive Layout
Renamed project directory to frontend-performance-analyzer to adhere to kebab-case guidelines.
Fixed overlapping component layouts by defining the .hidden helper class.
Adjusted grid columns and spacing to prevent clipping and enable smooth wrapping on smaller screens.
PR failed checks: Changes must be limited to a single new project folder under Projects/. Do not modify the root project.json or files outside the new folder.
PR failed checks: Changes must be limited to a single new project folder under Projects/. Do not modify the root project.json or files outside the new folder.
PR failed checks: Changes must be limited to a single new project folder under Projects/. Do not modify the root project.json or files outside the new folder.
PR failed checks: Changes must be limited to a single new project folder under Projects/. Do not modify the root project.json or files outside the new folder.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
github-actions
Bot
added
level3
I have added the new project and submitted the Pull Request. Please review it and merge it.
Thank you for your time and support!
@cu-sanjay
MistryVishwa
force-pushed
the
add-frontend-performance-analyzer
branch
from
Issue No : #433
Description
This Pull Request introduces the Frontend Performance Analyzer project, a premium web application designed to help developers simulate, analyze, and optimize Core Web Vitals and frontend metrics. It implements a customizable "Manual Specs" configuration alongside a deterministic "URL Audit" tracing mechanism.
Key Features
.jsonfile of the session configuration or export a formatted textual.txtsummary report.UI/UX & Responsive Layout
frontend-performance-analyzerto adhere to kebab-case guidelines..hiddenhelper class.