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. Learn more →
Top 23 JavaScript Performance Projects
-
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.
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 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.
-
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.
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.
-
Added a warning when rendering links with javascript: URLs 7bc3763
-
Project mention: 7 Tricks to take the Performance of your Website to the Moon 🚀🌙 | dev.to | 2023-04-01
You can even use quicklink or guess to optimally prefetch resources.
-
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: 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
-
-
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-21The 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
-
-
-
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.
the default one ( with the sop/boolean node ) uses https://github.com/gkjohnson/three-mesh-bvh, which is very stable already.
-
-
-
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.
-
-
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.
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:
-
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.
JavaScript Performance related posts
- Poolifier release v2.7.2
- Poolifier release v2.7.2
- Poolifier release v2.7.1
- Poolifier release v2.7.1
- Slow Firefox Startup
- Firefox Profiler
- Interaction to Next Paint (INP)
-
A note from our sponsor - Sonar
www.sonarsource.com | 3 Oct 2023
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 |