Best of Performance — August 2021

1. 1
   Article

   DEV·5y

   NextJS Performance Checklist

   React applications with NextJS can be slow. Here's a list of things you might be able to do to improve the performance of your application. I've geared this towards NextJS for a few specifics I wanted to include, but this list can be applied more generally too.

   26

   1
2. 2
   Article

   Bits and Pieces·5y

   NodeJS Performance Optimization with Clustering

   NodeJS runs in a single thread by default. Cluster module creates several child processes that operate parallelly sharing the same server port. Advantages: The use of all the available cores for application execution improves scalability. Disadvantages: Session management isn’t possible; instead, a developer must handle the alternatives, which adds to the complexity.

   20
3. 3
   Article

   asayer·5y

   Optimizing the Performance of Your Vue Apps Using Web Workers

   19
4. 4
   Article

   Next.js·5y

   Blog - Next.js 11.1

   Next.js 11.1 includes security and performance updates. The security update addresses an open redirect that could allow for phishing attacks by redirecting to an attacker's domain from a trusted domain. We're working on integrating SWC, a super-fast JavaScript and TypeScript compiler written in Rust, that will replace two toolchains used in Next.js.

   18

   3
5. 5
   Article

   The New Stack·5y

   What Is WebAssembly and Why Do You Need It? – The New Stack

   WebAssembly (also known as WASM) was launched in 2017 as a binary instruction format for a stack-based virtual machine. It is not designed to be used as a language itself, but rather as an effective compilation target for languages like C, C++, and Rust. WebAssembly is a low-level, assembly-like language with a compact binary format. This makes it possible for WebAssembly to deliver near-native performance.

   18
6. 6
   Article

   DEV·5y

   Web Performance Optimization- II

   Images are the leading cause of the slow web. We have two conflicting needs here: we want to post high quality images online, but also want our websites and apps to be performant. The more complex the image, the larger the data set necessary to display it. The image format or file type you choose for your images will have a direct impact on performance.

   15
7. 7
   Article

   Smashing Magazine·5y

   Refactoring CSS: Optimizing Size And Performance (Part 3) — Smashing Magazine

   Refactored codebase should result in similar or improved performance and improved codebase health. There are many optimization techniques we can apply to tackle potential file size and performance issues. We’re going to cover CSS optimization strategies that can optimize CSS file size, loading times, and render performance.

   14
8. 8
   Article

   Vue.js Developers·5y

   <Lazy> rendering in Vue to improve performance

   Vue 3 has a universal <Lazy> component that can be used to delay and schedule rendering. It can be set up to be used by the IntersectionObserver utility to observe the DOM. Vue can use this template to observe a real DOM element to pass it to a ref to be rendered.

   14
9. 9
   Article

   Hashnode·5y

   10 React Tips to Optimize Performance and make you a Pro.

   10 React Tips to Optimize Performance and make you a pro. Avoid using Class Components. Increase Chunks. Use Dynamic Imports/ Code-Splitting. React State should be treated as immutable, never mutate this.state directly, calling setState() later may replace all the mutations made earlier.

   10
10. 10
    Article

    Bits and Pieces·5y

    Secret Behind JavaScript Performance: V8 & Hidden Classes

    V8 is an open-source JavaScript engine introduced by Google. It is written in C++ and supports Google Chrome, Chromium web browsers, and NodeJS. The most significant difference between V8 and other engines is its Just In Time (JIT) compiler.

    10