Benchmark: luxon vs dajs vs date-fns

HTML Preparation code:

<!--your preparation HTML code goes here-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/3.5.0/luxon.min.js" integrity="sha512-SN7iwxiJt9nFKiLayg3NjLItXPwRfBr4SQSIugMeBFrD4lIFJe1Z/exkTZYAg3Ul+AfZEGws2PQ+xSoaWfxRQQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.13/dayjs.min.js" integrity="sha512-FwNWaxyfy2XlEINoSnZh1JQ5TRRtGow0D6XcmAWmYCRgvqOUTnzCxPc9uF35u5ZEpirk1uhlPVA19tflhvnW1g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/4.1.0/cdn.min.js" integrity="sha512-bz58Sg3BAWMEMPTH0B8+pK/+5Qfqq6b2Ho2G4ld12x4fiUVqpY8jSbN/73qpBQYFLU4QnKVL5knUm4uqcJGLVw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Script Preparation code:

window.timestamp = 1735660089

Tests:

luxon 3.5.0
var date = luxon.DateTime.fromMillis(timestamp * 1000); date.toLocaleString({ year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "numeric", hour12: true, })
Day.js
var date = dayjs(timestamp * 1000); date.format("L LT")
date-fns
var date = dateFns.fromUnixTime(timestamp); dateFns.intlFormat(date, { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "numeric", hour12: true, })

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
luxon 3.5.0
Day.js
date-fns

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser/OS: Chrome 131 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
luxon 3.5.0	552121.6 Ops/sec
Day.js	1289905.8 Ops/sec
date-fns	29964.5 Ops/sec

Autogenerated LLM Summary (model gpt-4o-mini, generated one month ago):

LLMs can make mistakes. Check important info.

The provided benchmark tests the performance of three popular JavaScript libraries — **Luxon**, **Day.js**, and **date-fns** — in creating and formatting dates from a given timestamp. The specific scenario involves converting a Unix timestamp (1735660089) into a human-readable date format.

### Libraries and Their Purpose

1. **Luxon**:
   - **Version**: 3.5.0
   - **Purpose**: Luxon is designed for handling dates and times in a robust way, integrating time zone features and internationalization. It provides an API that is intuitive for developers, making it easy to parse, format, and manipulate dates.

2. **Day.js**:
   - **Version**: 1.11.13
   - **Purpose**: Day.js is a lightweight library that provides a simple API for date manipulation. It is designed to be a smaller alternative to Moment.js, with a similar interface, but with a focus on performance and minimal bundle size.

3. **date-fns**:
   - **Version**: 4.1.0
   - **Purpose**: date-fns provides a functional approach to date manipulation, allowing developers to use only the functions they need without importing a large library. It allows for straightforward operations and is modular, which can help reduce bundle size.

### Benchmark Test Cases

1. **Luxon**:
   ```javascript
   var date = luxon.DateTime.fromMillis(timestamp * 1000);
   date.toLocaleString({
       year: "numeric",
       month: "2-digit",
       day: "2-digit",
       hour: "numeric",
       minute: "numeric",
       hour12: true,
   });
   ```
   - **Functionality**: This code converts a Unix timestamp (multiplied by 1000 to become milliseconds) into a Luxon DateTime object and formats it using `toLocaleString` with specific formatting options for year, month, day, hour, and minute, including a 12-hour clock format.

2. **Day.js**:
   ```javascript
   var date = dayjs(timestamp * 1000);
   date.format("L LT");
   ```
   - **Functionality**: Day.js similarly takes the timestamp, converts it into a Day.js object, and formats it using predefined formatting tokens. The `"L"` format outputs the date in a localized format, and `"LT"` displays the time in a localized format as well.

3. **date-fns**:
   ```javascript
   var date = dateFns.fromUnixTime(timestamp);
   dateFns.intlFormat(date, {
       year: "numeric",
       month: "2-digit",
       day: "2-digit",
       hour: "numeric",
       minute: "numeric",
       hour12: true,
   });
   ```
   - **Functionality**: This case first converts the timestamp from Unix time to a JavaScript Date object using `fromUnixTime`, then formats it with `intlFormat`, which allows for comprehensive internationalization options similar to Luxon's `toLocaleString`.

### Benchmark Results

From the benchmark results, we see the number of executions per second for each library:

- **Day.js**: 1,289,905.75 executions/sec (fastest)
- **Luxon**: 552,121.625 executions/sec
- **date-fns**: 29,964.51 executions/sec (slowest)

### Pros/Cons and Considerations

- **Day.js**:
  - **Pros**: High performance, lightweight, easy-to-use API akin to Moment.js. Ideal for applications that need to manipulate dates often without the overhead of a larger library.
  - **Cons**: Less feature-rich than larger libraries; may lack certain functionalities needed in complex date manipulation scenarios.

- **Luxon**:
  - **Pros**: Comprehensive features, including timezones and internationalization. Robust and intuitive API, making complex date handling easier.
  - **Cons**: Larger in size compared to Day.js, leading to longer load times, particularly for smaller web applications.

- **date-fns**:
  - **Pros**: Modular library, allowing the inclusion of only necessary functions. Functional programming style encourages composition.
  - **Cons**: Generally slower in benchmarks, and the API may require slightly more verbose code than Luxon and Day.js for some operations.

### Alternatives

- **Moment.js**: The classic library for date manipulation, but it's now considered heavyweight and has been deprecated in favor of smaller alternatives like Day.js and Luxon.
- **Temporal API**: A proposed native JavaScript API (currently in stage 3 of the TC39 process) that aims to handle date and time operations without the need for third-party libraries.
- **Luxon** (itself is a better alternative to Moment.js for new projects) as it is built on the native `Intl` APIs and is more modern.

In conclusion, the benchmark provides insight into the performance of these date libraries under conditions that mimic common real-world usage, highlighting how critical the choice of library can be in achieving performance goals in JavaScript applications.

Related benchmarks:

luxon vs dajs vs date-fns (version: 1)

Create and format dates from a timestamp

Comparing performance of: luxon 3.5.0 vs Day.js vs date-fns

Created: one month ago by: Guest

Jump to the latest result

luxon 3.5.0

Day.js

date-fns

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gpt-4o-mini, generated one month ago):