Best of Performance — May 2023

1. 1
   Article

   Community Picks·3y

   Tamagui 1.0 🎉 — Tamagui

   Tamagui is a suite of React components and hooks that optimize React code and provide customizable styles and themes. It consists of Tamagui Core, Tamagui Static, and Tamagui UI. The key feature of Tamagui's performance gains is view flattening or tree-flattening. Tamagui Core is a complete cross-platform style library, while Tamagui Static is an optimizing compiler for frontend React code. There are several new components in Tamagui, and upcoming features include dynamic inline evaluation, container queries, and more. Tamagui is funded by Github Sponsors.

   137

   10
2. 2
   Article

   Amplication·3y

   7 Tips to Build Scalable Node.js Applications

   Node.js is a JavaScript framework created on Chrome's V8 JavaScript engine. If used correctly, it can be used to build highly scalable mission-critical applications. This article will discuss several tips which can be helpful when it comes to building scalable applications.

   122

   12
3. 3
   Article

   Medium·3y

   Must Know JavaScript API — Page Visibility API

   The Page Visibility API is a browser API that provides a way to detect if a page is visible. This article will introduce what the Page Visible API is, how it works, compatibility, and usage scenarios. In front-end development, we often need to control the use of resources and improve the performance and responsiveness of a page.

   63
4. 4
   Article

   Medium·3y

   Memoization in JavaScript

   Memoization in JavaScript is a powerful optimization technique that speeds up the execution of functions by caching their results. It involves storing the results of expensive function calls and returning the cached result when the same inputs occur again. This article explores the concepts, benefits, and different implementation approaches of memoization in JavaScript.

   57

   2
5. 5
   Article

   Community Picks·3y

   How JavaScript V8 engine works under the hood?

   Learn how the V8 engine works under the hood, including parsing, compilation, and execution stages. Discover the benefits of just-in-time (JIT) compilation and how it improves performance.

   51

   2
6. 6
   Article

   JavaScript in Plain English·3y

   Must Know JavaScript API — Performance API

   The Performance API is designed to help developers locate and solve performance problems and optimize page loading speed and user experience. It can be used in the following scenarios: Web Page Performance Monitoring Measure and analyze page load time, resource load performance, critical rendering path and other metrics to understand web page performance bottlenecks.

   48
7. 7
   Article

   ITNEXT·3y

   SQL performance tuning

   Northwind is a simple database often used by people who want to learn SQL and that’s what we are going to use. The dataset consists of 13 tables that can be seen below: Later in this article, I’ll show how you can install this database on your local machine, using SQL Management Studio.

   44

   1
8. 8
   Article

   asayer·3y

   Optimizing React's Performance

   Maintaining a local component state can optimize the performance of a React application by keeping the Component self-contained and reducing the number of props and states that need to be passed down the component tree. This article will cover the techniques and explain why these optimization processes are essential and when to utilize them.

   43

   1
9. 9
   Article

   David Heinemeier Hansson·3y

   How to recover from microservices

   The worst form of microservices madness is when you splinter a single, coherent flow across multiple systems. When microservices are done right, they often target a narrow, isolated, and usually performance-critical segment of the system. The vast majority of systems should have no more than two backend languages in play at any one time.

   42

   10
10. 10
    Article

    Medium·3y

    ES6 imports vs CommonJS imports

    ES6 imports vs CommonJS imports in Javascript vs. CommonJS Imports for Beginners and Intermediates Rahul Mishra on Unsplash. The structure and organization of code have undergone significant changes since the introduction of ES6. In this blog post, we will explore several differences between the two and examine their operational principles.

    35

    1
11. 11
    Article

    ByteByteGo·3y

    Key Steps in the Database Selection Process

    Alex Xu: We'll go through key steps in the database selection process. We'll assess our project needs, explore database options, test performance, and consider long-term effects. By the end, we'll make a well-informed choice for our project's success.

    31

    1
12. 12
    Article

    KDnuggets·3y

    Mojo Lang: The New Programming Language

    Mojo Lang is the new programming language designed as a superset of Python. It has been designed to program on AI hardware, such as GPUs running CUDA. It is able to achieve this by using Multi-Level Intermediate Representation (MLIR) to scale hardware types, without complexity.

    28

    4
13. 13
    Article

    keycdn·3y

    Improving PHP Performance for Web Applications

    The best tool for improving PHP performance isn't any individual program; it's knowing which problems to look for and how to address them. Achieving optimal performance is often a balancing act that requires trade-offs between speed, accuracy, and scalability. Writing good code is the essential step to creating PHP applications that are fast and stable.

    26

    1
14. 14
    Article

    Medium·3y

    Must Know JavaScript API — Beacon API

    Beacon API is a new browser API provided by HTML5 that can be used to send data asynchronously in the background of the browser without affecting the loading and performance of the current page. With the Beacon API, developers can send data to the server when pages are unloaded or closed, thus enabling some monitoring and logging features.

    25
15. 15
    Article

    Code Like A Girl·3y

    The Power of Web Performance: How I Increased the Score from 27 to 99

    The Power of Web Performance: How I Increased the Score from 27 to 99. Delivering a great user experience is critical for improving customer traffic to your website and business. This blog contains the list of things I did to improve the quality and performance of my NextJS website.

    25

    2
16. 16
    Article

    Vercel·3y

    Next.js 13.4 on Vercel – Vercel

    Next.js 13.4 is supported out-of-the-box on Vercel, with pre-configured, global, framework-defined infrastructure. The Next.js App router natively supports streaming responses. Streaming is possible for Node and Edge runtimes with no code changes.

    25
17. 17
    Article

    Medium·3y

    HTML Tags Uncovered: Prefetch vs. Preload

    Prefetch vs. Preload is a technique used to reduce the perceived load time of a web page by fetching resources in advance before they are needed. It enables browsers to download and cache external resources, such as CSS files, JavaScript files, images, or fonts, ahead of time.

    20

    1
18. 18
    Article

    Java Code Geeks·3y

    Software Deployment Best Practices

    Software deployment refers to the process of releasing and installing software applications into a target environment. It involves a series of activities and steps to ensure that the software is successfully deployed and made available for use. In 2023, software deployment best practices continue to evolve as technology advances and organizations strive for more efficient and reliable deployment processes.

    19
19. 19
    Article

    Better Programming·3y

    Why an Engineering Manager Should Not Review Code

    Emily Dresner: Why should the TL not lead the team and why should an EM with a team of sufficient size not review code? We consider three aspects when answering this question: role definition, team communication complexity, and team size. A manager builds a well-working team on solid communication fundamentals, she says.

    18

    1
20. 20
    Article

    freeCodeCamp·3y

    Advanced Indexing Strategies in PostgreSQL

    PostgreSQL provides support for several index types, including B-tree, hash, GiST, SP-GiST, and BRIN. Each index type is tailored to cater to distinct query types and data access patterns. B-Tree index is organized in a tree-like structure, with pointers to child nodes.

    17
21. 21
    Article

    Codemotion·3y

    Advanced Web Performance Optimization

    Web performance is determined by several factors, including load time, time to interactive (TTI) Load time is the most basic metric for web performance, load time measures the delay between an initial page request and the content being fully displayed in the browser. Lazy Loading Lazy loading strategies separate the critical from the non-critical assets.

    17

    2
22. 22
    Article

    Typescript·3y

    Introducing Deopt Explorer

    Inline caching is an optimization often used in both statically typed and dynamically typed languages. An inline cache, or IC, is a set of instructions whose goal is to speed up operations like method calls and property lookups. It does this by taking a slow operation, like walking an object’s prototype chain and scanning through its named properties.

    16

    2
23. 23
    Article

    Codrops·3y

    Weekly Frontend News: Collective #763

    Next Gen Solutions shines with lovely scroll animations, a plethora of interesting layout choices and a vibrant color theme. Get inspired sponsored via BuySellAds Use Kintone to Spend Less Time on the Back-end KintOne is a powerful web database, providing developers with a convenient environment to test out front-end coding ideas.

    15
24. 24
    Article

    Machine Learning News·3y

    Stanford Researchers Introduce FrugalGPT: A New AI Framework For LLM APIs To Handle Natural Language Queries

    Stanford Researchers Introduce FrugalGPT: A New AI Framework For LLM APIs To Handle Natural Language Queries. Using GPT-4 to assist with customer service can cost a small business over $21,000 monthly, and ChatGPT is predicted to cost over $700,000 daily.

    14

    1
25. 25
    Article

    Product Hunt·3y

    PR Explainer Bot - Github bot that use AI to unwrap pull request for you

    PR Explainer Bot is a GitHub bot that reads your pull requests and analyzes them for you. It creates a PR Review as a comment for each new pull request and describes changes, spot bugs, suggests improvements and even rate performance. "Thanks for checking out the bot! It would be great to hear your feedback.

    13