JavaScript Performance

Open-source JavaScript projects categorized as Performance

Top 23 JavaScript Performance Projects

  • fastify

    Fast and low overhead web framework, for Node.js

    Project mention: Should you use jest as a testing library? | dev.to | 2023-07-27

    For example, Fastify removed the instanceof operatorfrom its codebase because it was causing problems for those developers that rely on jest as a testing framework.

  • sharp

    High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

    Project mention: Automated Image Compression: A Vite Plugin Using Sharp | dev.to | 2023-08-17

    Sharp Documentation: Link

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: 13 Must Know Libraries for a React Developer | dev.to | 2023-08-15

    React Virtualized is a React library that helps you work with large lists and tabular data efficiently in React. It has more than 25K stars on GitHub and more than 2.5 million weekly downloads on NPM as of August 2023.

  • ava

    Node.js test runner that lets you develop with confidence 🚀

    Project mention: What Tools Are You Using to Test Your Code? | /r/node | 2023-08-12

    I've been looking at using japa or ava for web server testing but was curious what others were using and why.

  • lazysizes

    High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

    Project mention: Generate thumbhash at edge for tiny progressive images | dev.to | 2023-04-13

    Normally I would write some client-side JS to do this but as this project is solely server-rendered I opted to use a simple tried-and-true library for this: lazysizes.

  • inferno

    :fire: An extremely fast, React-like JavaScript library for building modern user interfaces

    Project mention: Inferno Versions 2 through, like, 8 released. | /r/infernojs | 2023-09-17

    Added a warning when rendering links with javascript: URLs 7bc3763

  • Revelo Payroll

    Free Global Payroll designed for tech teams. Building a great tech team takes more than a paycheck. Zero payroll costs, get AI-driven insights to retain best talent, and delight them with amazing local benefits. 100% free and compliant.

  • why-did-you-render

    why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)

    Project mention: Too many rerenders in react? | /r/webdev | 2023-06-02
  • uPlot

    📈 A small, fast chart for time series, lines, areas, ohlc & bars

    Project mention: Small and fast 2D canvas chart for time series, lines, areas and bars | news.ycombinator.com | 2023-01-26
  • lozad.js

    🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more

  • Clusterize.js

    Tiny vanilla JS plugin to display large data sets easily

  • aws-lambda-power-tuning

    AWS Lambda Power Tuning is an open-source tool that can help you visualize and fine-tune the memory/power configuration of Lambda functions. It runs in your own AWS account - powered by AWS Step Functions - and it supports three optimization strategies: cost, speed, and balanced.

    Project mention: How to enhance your Lambda function performance with memory configuration? | dev.to | 2023-08-21

    The aws lambda power tuning tool helps optimise the Lambda performance and cost in a data-driven manner. Let's try it out:

  • aimeos

    Integrated online shop based on Laravel 9 and the Aimeos e-commerce framework for ultra-fast online shops, scalable marketplaces, complex B2B applications and #gigacommerce

  • taskr

    A fast, concurrency-focused task automation tool.

  • Betterfox

    Firefox speed, privacy, and security: a user.js template for configuration. Your favorite browser, but better.

    Project mention: Betterfox: User.js to harden Firefox and optimize privacy, security, and speed | /r/hypeurls | 2023-07-20
  • three-mesh-bvh

    A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.

    Project mention: Procedural CAD Modelling tools for WebGL | /r/proceduralgeneration | 2023-03-11

    the default one ( with the sop/boolean node ) uses https://github.com/gkjohnson/three-mesh-bvh, which is very stable already.

  • react-lite

    An implementation of React v15.x that optimizes for small script size

  • react-performance

    Let's make our apps fast ⚡

  • yall.js

    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.

  • React Lifecycle Visualizer

    Real-time visualizer for React lifecycle methods

  • import-cost

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

    Project mention: import-cost.nvim: import costs finally to neovim! | /r/neovim | 2023-01-03

    I actually tried using treesitter and bundlephobia in my first approach before defaulting to the npm module.

  • three-gpu-pathtracer

    Path tracing renderer and utilities for three.js built on top of three-mesh-bvh.

    Project mention: CUDA Accelerated Raytracer | news.ycombinator.com | 2023-06-15

    Yeah this is neat but it is 90% not done and that is being generous.

    For a open source path tracer with a full glTF compatible material model and lighting and runs in the browser check out:

    https://github.com/gkjohnson/three-gpu-pathtracer

    Or if you want hardcore features look at Moonray from Dreamworks:

    https://github.com/dreamworksanimation/openmoonray

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-09-17.

JavaScript Performance related posts

Index

What are some of the best open-source Performance projects in JavaScript? This list will help you:

Project Stars
1 fastify 28,631
2 sharp 26,330
3 react-virtualized 25,356
4 ava 20,498
5 lazysizes 17,046
6 inferno 15,916
7 quicklink 10,792
8 why-did-you-render 10,304
9 uPlot 8,082
10 lozad.js 7,316
11 Clusterize.js 7,170
12 aws-lambda-power-tuning 4,730
13 aimeos 3,434
14 taskr 2,519
15 js-search 2,143
16 Betterfox 2,039
17 three-mesh-bvh 1,946
18 react-lite 1,730
19 react-performance 1,598
20 yall.js 1,336
21 React Lifecycle Visualizer 1,336
22 import-cost 1,309
23 three-gpu-pathtracer 1,033
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com