How we improved page load speed for Next.js ecommerce website by 1.5 times

• browserslist

  55 12,703 7.8 JavaScript

  🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env

  

We compile JS only for modern browsers. The list of default browsers in Next can be overridden in your browserslist.

• depchecker

  10 3 3.6 JavaScript

  Check how out of date your npm dependencies are

Another package we use for optimization helps us generate a list of unused npm packages. Then we manually go through the list and remove everything unnecessary, thereby reducing the project's weight and organising things.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• linaria

  46 11,182 8.4 TypeScript

  Zero-runtime CSS in JS library

  

The code duplication occurred due to disabling the default code splitting algorithm in Next.js. Previous developers used this approach to make Linaria work, which is designed to improve productivity. However, disabling code splitting led to a decrease in performance.

Suggest a related project