webperf

There are 12 repositories under webperf topic.

• davidsonfellipe / awesome-wpo

  :pencil: A curated list of Web Performance Optimization. Everyone can contribute here!

  awesome-listawesomelistwebperformancewebperfwebperf-metrics
  Language:JavaScript 8688

• GoogleChrome / lighthouse-ci

  Automate running Lighthouse for every commit, viewing the changes, and preventing regressions

  lighthousewebperf
  Language:JavaScript 6777
• sitespeed.io

  sitespeedio / sitespeed.io

  sitespeed.io is an open-source tool for comprehensive web performance analysis, enabling you to test, monitor, and optimize your website’s speed using real browsers in various environments.

  metricsmonitoringperfmattersperformance-analysisperformance-dashboardperformance-metricssitespeedwebwebperf
  Language:JavaScript 4939

• JamieMason / ImageOptim-CLI

  Make optimisation of images part of your automated build process

  imageoptimimage-optimisationjpegminipngquantimagealphaadvpngcompressgifsiclejpegoptimjpegtranoptipngpngcrushpngoutperformancesite-speedwebperfoptimize
  Language:TypeScript 3514

• axe312ger / sqip

  "SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.

  webperfwebperformanceperformanceimageimagesplaceholderlqipsvguser-experienceperceived-performance
  Language:TypeScript 3406

• macbre / phantomas

  Headless Chromium-based web performance metrics collector and monitoring tool

  automationchromiumcssdeveloper-toolsdomdomqueryheadless-chromehttp2http3javascriptjquerymetricsphantomaspuppeteerwebperfwebperformance
  Language:JavaScript 2263
• rx-angular

  rx-angular / rx-angular

  Reactive Extensions for Angular.

  angularperformancewebperf
  Language:TypeScript 1967

• wix / import-cost

  displays the import size of the package you are importing inside the code editor

  perfmattersperformanceperformance-analysisperformance-visualizationvscodewebpackwebperf
  Language:JavaScript 1380

• malchata / yall.js

  A fast, flexible, and small SEO-friendly lazy loader.

  lazy-loadingwebperflazyload-scriptlazyloadinglazyloadlazy-loadperformanceimageautoplaybackgroundpostervideo
  Language:JavaScript 1377

• nucliweb / webperf-snippets

  ⚡️ 💾 Web Performance Snippets

  performanceperformance-analysisperformance-metricssnippetswebperfwebperformancewebvitals
  Language:MDX 1369

• paulirish / pwmetrics

  Progressive web metrics at your fingertipz

  metricsperformancewebperflighthouse
  Language:TypeScript 1242

• micmro / performance-bookmarklet

  Performance-Bookmarklet helps to analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - requests by type, domain, load times, marks and more. Sort of a light live WebPageTest.

  webperfbookmarkletnavigation-timingresource-timinganalyzerperformancewaterfallrequestsperformance-metricsuser-timingbrowser-extension
  Language:JavaScript 1150

• macbre / analyze-css

  CSS selectors complexity and performance analyzer

  css-sourcecss-selectors-complexitycssmetricswebperfwebperformancephantomassassdart-sassperformance-analyzer
  Language:JavaScript 698

• csswizardry / Obs.js

  Context-aware web performance for everyone

  battery-apinavigator-apisitespeedwebperfwebperformance
  Language:JavaScript 552

• speedtracker / speedtracker

  📉 Visualisation layer and data store for SpeedTracker

  performance-monitoringperformance-visualizationwebpagetestwebperf
  Language:JavaScript 502

• micmro / PerfCascade

  Responsive, SVG based HAR waterfall viewer

  harwebperfdiagramwaterfallperformanceperformance-metricssvgclient-side
  Language:TypeScript 279

• perf-rocks / perf.rocks

  Curated resources that help you build lightning fast websites

  webperfperformanceperfmattersresourceswebsite
  Language:SCSS 218

• WarrenJones / nemetric

  前端性能指标的监控,采集以及上报。用于测量第一个dom生成的时间(FP/FCP/LCP)、用户最早可操作时间（fid|tti）和组件的生命周期性能,，网络状况以及资源大小等等。向监控后台报告实际用户测量值。

  navigation-timingnetworkinformationfidfcpdomdnsworkerttiperformance-metricsperformance-analysisperformance-monitoringuser-timingweb-performancewebperfperformanceperfmattersmonitorfmpmetricsnavigation
  Language:TypeScript 183

• GoogleChromeLabs / discovery

  Discoveries on Sustainable Loading research

  performanceloadingwebpagetestv8webperfparsecompileinteractive
  175

• kurtextrem / awesome-performance-patches

  🚀⚡ Awesome list about performance related patches/PRs.

  perfwebperfawesome
  174

• paulirish / trace.cafe

  easy webperf trace sharing

  chrome-devtoolsprofilingtracingwebperf
  Language:JavaScript 134

• sitespeedio / compare

  Compare HAR files.

  harwaterfallwebperfperfmatters
  Language:JavaScript 115

• uknmr / gas-webpagetest

  claspdata-studiogastypescriptwebpagetestwebperf
  Language:TypeScript 78

• AvraamMavridis / performance-budget-plugin

  Perfromance budget plugin for Webpack (https://webpack.js.org/)

  performancewebperfwebperformancejsperfperfmattersperformance-analysiswebpackpluginbudgetperformance-metricsperformance-monitoringgziprequestspostrequests
  Language:JavaScript 63

• JamieMason / blurhash-to-css

  Convert BlurHashes to CSS Objects using TypeScript, Rust, and WebAssembly.

  blurhashrusttypescriptwasmwebperf
  Language:TypeScript 62

• justinribeiro / lighthouse-mocha-example

  Sample using lighthouse and lighthouse-core with Mocha to run tests on your project/site.

  webperftestinglighthouse
  Language:JavaScript 59

• justinribeiro / lighthouse-action

  Audit deployed web sites with my artisanal blend of WPT Network Emulation Profiles, Puppeteer, Chrome headless, Lighthouse, and Github Actions.

  webperflighthousegithub-actionschrome-headlesspuppeteer
  Language:JavaScript 58

• sitespeedio / dashboard.sitespeed.io

  Example how to use sitespeed.io to monitor the performance of your web site

  monitoringperformanceperformance-monitoringwebperf
  Language:JavaScript 51

• dvelasquez / lighthouse-viewer

  Wrapper for VanillaJS, VueJS & React of the Original Lighthouse Reporter/Viewer

  lighthousewebperfwebperformancereactvuesveltelighthouse-viewersveltejs
  Language:HTML 43

• radum / performance-testing-framework

  Framework allows to perform frontend performance testing with sitespeed.io + webpagetest, view application/server metrics in real-time with Grafana.

  performanceperformance-testingsitespeediowebpagetestweb-performanceweb-performance-testingweb-performance-reportslighthousewebperfperfmattersperformance-monitoringperformance-dashboard
  Language:JavaScript 41

• cleverage / daltons

  a command-line tool that computes optimal image widths to put in srcset attributes of responsive images

  imageimagesperformanceresponsive-designresponsive-imagesresponsive-web-designwebperf
  Language:JavaScript 40

• mazipan / webperf-ecommerce-id

  ⚡️ Web Perf Comparison for E-Commerce in Indonesia

  webperfwebperformancelighthouselighthouse-ci
  Language:TypeScript 40

• fasterize / HowSlow

  A Service Worker that monitors network requests to estimate bandwidth and RTT

  webperfservice-workerperformancespeedtest
  Language:JavaScript 38

• philnash / jekyll-gzip

  Generate gzipped assets and files for your Jekyll site at build time

  jekylljekyll-plugingzipperformancerubyrubygemruby-gemwebperf
  Language:Ruby 38
• lint-html-with-css

  lorenzodelijser / lint-html-with-css

  lint html with css is a collection of css snippets from the hashtag #linthtmlwithcss on twitter. these css snippets intend to warn developers about common mistakes made in html.

  htmlcsstestaccessibilitya11ywebperflinterlintcss-snippets
  Language:CSS 36

• jguyomard / docker-yellowlabtools

  :whale: Yellow Lab Tools Docker Image

  webperfdockerdocker-image
  31