Top 5 JavaScript webperf Projects

• awesome-wpo

  0 8,215 3.5 JavaScript

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

• lighthouse-ci

  18 6,278 7.1 JavaScript

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

  

Project mention: help needed with lighthouse ci for angular, github actions, PROTOCOL_TIMEOUT: (Method: Debugger.disable) | /r/devops | 2023-10-15

- referred to https://github.com/GoogleChrome/lighthouse/issues/6512 but didnt see network.disable error - added staticdistdir as per https://github.com/GoogleChrome/lighthouse-ci/blob/main/docs/configuration.md,

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• sitespeed.io

  1 4,635 9.7 JavaScript

  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.

  

Project mention: Is there a way to accurately measure website speed so I can document logs of changes to site speed and correlate that with changes to the website? | /r/webdev | 2023-08-04

I've always liked sitespeed.io.

• yall.js

  2 1,359 0.0 JavaScript

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

Project mention: Tips For Building Faster Websites with Efficient CSS Optimisation | dev.to | 2023-08-14

Developers also employ alternative methods for lazy loadings, such as the scroll event listener, besides the Intersection Observer API and the loading property. Unlike the Intersection Observer API, which only monitors the elements targeted for lazy loading, developers attach a scroll event listener to every element on the page. Once the element marked for lazy loading is within the visibility range of the user, a function is invoked to switch the image or video URL with the attribute previously holding it, just like with the Intersection Observer API. This approach is costly for a web project. As the developer seeks to optimise page load by integrating lazy loading to some elements on the webpage, the developer slows down the page's performance due to multiple firing of an event as the function meets each element. Moreover, packages for JavaScript that deal with lazy loading exist. For instance, the LazyLoad library uses the Intersection Observer API, a lightweight JavaScript library. It supports many lazy loading features, such as preloading, responsive image loading, and custom loading animations. Additional lazyloading libraries include Yall.js, Lozad.js, LazyLoad XT for jQuery, and many more.

• import-cost

  3 1,336 0.0 JavaScript

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

  

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

JavaScript webperf related posts

• help needed with lighthouse ci for angular, github actions, PROTOCOL_TIMEOUT: (Method: Debugger.disable)

  3 projects | /r/devops | 15 Oct 2023

• Tips For Building Faster Websites with Efficient CSS Optimisation

  2 projects | dev.to | 14 Aug 2023

• Continuous performance audits in Nuxt with Lighthouse CI and Github Actions

  2 projects | dev.to | 30 Jan 2023

• 🔥 Native lazy loading is here!

  3 projects | /r/web_design | 18 Jan 2021

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending JavaScript projects with our weekly report!