Best of PerformanceSeptember 2021

  1. 1
    Article
    Avatar of bitBits and Pieces·5y

    9 Best Practices for Optimizing Frontend Performance

    Most of the websites fail to deliver a satisfactory user experience due to poorly optimized frontends. Minification of HTML, CSS, and JavaScript will speeds up the frontend load times as it reduces the amount of code that needs to be requested from the server. Using CSS Sprites is one of the easiest ways to reduce the number of server calls.

  2. 2
    Article
    Avatar of logrocketLogRocket·5y

    5 React performance optimization techniques

    React uses the concept of a virtual DOM to minimize the performance cost of rerendering a webpage because the actual DOM is expensive to manipulate. This concept can also slow down a complex app if it’s not managed very well. We will discuss five important ways to optimize the performance of a React application. These include:Keeping component state local where necessary to prevent unnecessary rerenders.Code-splitting in React using dynamic import().Windowing or list virtualization in React.Lazy loading images in React

  3. 3
    Article
    Avatar of smashingSmashing Magazine·5y

    Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study) — Smashing Magazine

    We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e- commerce site with next.js, including how to build a site from the ground up.

  4. 4
    Article
    Avatar of asayerasayer·5y

    Front-end monitoring with Sentry.io and React

  5. 5
    Article
    Avatar of devtoDEV·5y

    Optimizing React App Performance

    React is a great library that allows you to write applications declaratively. It abstracts away all the functional and internal details on how the library achieves a specific UI state. This is achieved by keeping a Virtual DOM and the process of reconciliation. React relies on the Virtual DOM to efficiently render only the components that have been updated.

  6. 6
    Article
    Avatar of asayerasayer·5y

    Nuxt 3 is coming! Here's What You Need to Know

  7. 7
    Article
    Avatar of devtoDEV·5y

    Best Node.js apps examples to inspire your next project

    Node.js allows front-end developers to build and execute code on the server side. This makes the development faster, perfect for building light and real-time web applications. It shouldn’t come as a surprise that both well-established companies and ambitious startups have chosen it to build their products.

  8. 8
    Article
    Avatar of dzDZone·5y

    A Guide To REST API Testing Strategy

    REST API is a set of rules for software that validates the capabilities of a new application in terms of performance, operations, and security. It uses rules to enable programs to connect to other files. Developers create APIs on servers to activate communications with clients. Read on to learn how to use REST API to achieve new heights.