Best of PerformanceApril 2024

  1. 1
    Article
    Avatar of nextNext.js·2y

    Next.js 14.2

    Next.js 14.2 includes development, production, and caching improvements. It introduces Turbopack for Development, which significantly improves local development performance. There are also enhancements in build memory usage, CSS optimization, caching, and error DX. The release prepares for the integration of React 19 and includes other improvements and documentation updates.

  2. 2
    Article
    Avatar of devtoDEV·2y

    Optimising React Apps

    This article discusses the approach to optimizing React applications, addressing common performance challenges and exploring various optimization techniques. It highlights the importance of trade-offs in software optimization and provides a real example to demonstrate the process. It also mentions potential optimizations such as bundle splitting, lazy loading, server-side rendering, and using web workers and web assembly for computation-heavy applications.

  3. 3
    Article
    Avatar of asayerasayer·2y

    Concurrency vs. Parallelism in JavaScript

    This post explores the concepts of concurrency and parallelism in JavaScript, discussing their definitions, differences, and practical examples. It also highlights the pros and cons of each approach.

  4. 4
    Article
    Avatar of devtoDEV·2y

    Tips to Speed Up Your Website Loading Time

    Learn tips and strategies to speed up your website's loading time, from optimizing images and minimizing HTTP requests to enabling browser caching and implementing lazy loading.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    JavaScript’s Secret Weapon: Supercharge Your Web Apps with Web Workers

    JavaScript is a single-threaded language, but the use of Web Workers enables concurrent execution in web applications, improving responsiveness and preventing blocking of the user interface. Web Workers are useful for processing large amounts of data or performing complex calculations, and they can leverage the power of multi-core processors. They find applications in various domains and enhance the performance and responsiveness of web applications.

  6. 6
    Article
    Avatar of communityCommunity Picks·2y

    Database Tips & Tricks

    Improve your understanding of SQL and discover useful features of databases to save development time and optimize performance.

  7. 7
    Article
    Avatar of asayerasayer·2y

    Exploring CSS Units

    Discover the different types of CSS units, their impact on webpage performance, and get tips for choosing the right CSS unit for your projects.

  8. 8
    Article
    Avatar of devtoDEV·2y

    Concurrency in JavaScript and the power of Web Workers

    Learn how to use web workers in JavaScript to process files in a browser application without blocking the main thread.

  9. 9
    Article
    Avatar of communityCommunity Picks·2y

    Vue 3 Vapor Mode News

    Vue 3's Vapor Mode is a new compilation strategy that aims to enhance app performance by reducing bundle size and using less memory. It can be enabled at the component or app level, and its goals include support for core features and seamless integration with existing apps.

  10. 10
    Article
    Avatar of hnHacker News·2y

    Kuto, a reverse JS bundler

    Kuto is a reverse JS bundler that allows code to be reused for shipping updates on the web. It results in smaller downloads and faster start times for websites. Despite breaking traditional caching methods, Kuto's unique approach leverages caching and disk I/O to improve performance. It works well for single bundle output sites with large JS bundles.

  11. 11
    Article
    Avatar of communityCommunity Picks·2y

    Your background images might be causing CLS

    Cumulative Layout Shift (CLS) is a Core Web Vital that measures unexpected shifts in a web page's layout after initial content loads. It can be caused by various factors such as client-side data-fetching, loading large images, ads, or embedded media players. To avoid CLS, web developers can use techniques like including width and height attributes on images, providing placeholder elements, and using CSS properties to minimize shifts caused by font files loading.

  12. 12
    Article
    Avatar of devtoDEV·2y

    Different approaches to reduce AWS S3 file upload time using AWS-SDK v3 in NodeJS.

    Learn different approaches to reduce AWS S3 file upload time using AWS-SDK v3 in NodeJS. Includes buffered upload, multipart upload, and file upload as a stream.

  13. 13
    Article
    Avatar of collectionsCollections·2y

    Next.js Fundamentals and New Features for React Devs

    Next.js is a framework that extends React's capabilities, improves website performance, and offers new features in version 10.

  14. 14
    Article
    Avatar of logrocketLogRocket·2y

    Exploring Zed, an open source code editor written in Rust

    Explore Zed, an open source code editor written in Rust. It offers lightning-fast performance and cutting-edge collaborative features. Zed's features include GPU-based User Interface (GPUI) framework, Vim mode, built-in collaboration tools, and more. It is compared to VS Code, highlighting differences in themes, extensions, collaboration capabilities, and supported platforms. Zed's limitations include its availability only on macOS, but future support for Windows and Linux is planned. Ultimately, choosing between Zed and VS Code depends on individual needs and preferences.

  15. 15
    Article
    Avatar of asayerasayer·2y

    Starting Out with Tanstack Router

    Explore the benefits of TanStack Router as a type-safe and performance-enhancing routing solution for React applications.

  16. 16
    Article
    Avatar of hnHacker News·2y

    LLaMA Now Goes Faster on CPUs

    LLaMa Now Goes Faster on CPUs: New matrix multiplication kernels have been developed for llamafile, resulting in improved performance for prompt evaluation time. The improvements are most noticeable for certain weights and specific CPU types such as ARMv8.2+, Intel Alderlake, and AVX512. The new kernels outperform MKL for matrices that fit in L2 cache and offer potential for faster evaluation speed.

  17. 17
    Article
    Avatar of godotGodot·2y

    Update on the Collaboration with Google and The Forge

    Improvements to the Vulkan backend have been made through a collaboration with Google and The Forge. This has resulted in a 10%-20% reduction in GPU frame times for 3D scenes on mobile devices. The collaboration also included the integration of the Android Thermal API for monitoring and responding to changes in device temperature.

  18. 18
    Article
    Avatar of lnLaravel News·2y

    Anonymous Event Broadcasting in Laravel 11.5

    Laravel 11.5 introduces anonymous event broadcasting, Blade performance improvements, and the ability to generate URLs with query parameters.

  19. 19
    Article
    Avatar of phoronixPhoronix·2y

    Godot's Vulkan Backend Seeing Better Performance, 10~20% Reduction In Frame Times

    Improved performance and reduced frame times observed in Godot's Vulkan backend.

  20. 20
    Video
    Avatar of awegoAwesome Go·2y

    Go: Pointers for performance redux

    The author discusses the feedback received on their previous video about pointers versus values and conducts new tests to analyze the performance of returning pointers compared to returning values. The author concludes that returning pointers does not always result in performance improvement and advises against it unless there is a specific need.

  21. 21
    Article
    Avatar of hnHacker News·2y

    myscale/myscaledb: An open-source, high-performance SQL vector database built on ClickHouse.

    MyScaleDB is an open-source SQL vector database built on ClickHouse. It offers fully SQL-compatible features, is production-ready for AI applications, and provides unmatched performance and scalability. It is more powerful and cost-effective compared to specialized vector databases and integrated vector databases. Developers can use familiar SQL and enjoy the benefits of MyScaleDB's performance and scalability in managing and processing structured data, text, vector, JSON, geospatial, and time-series data.

  22. 22
    Article
    Avatar of communityCommunity Picks·2y

    How to Identify Dependencies in Your Codebase During Microservices Migration

    Migration from a monolithic architecture to microservices presents challenges in identifying and managing dependencies within the codebase. Observability can help shine a light on code dependencies and provide insights for safer and more iterative refactoring. Digma, an IntelliJ plugin, can be used to collect and analyze tracing data to identify areas with high levels of runtime dependencies and reveal performance baselines.

  23. 23
    Article
    Avatar of communityCommunity Picks·2y

    Improving our Jest execution time by 300%

    Discover how to improve Jest execution time by 300% by identifying and solving performance issues with testing React components in a TypeScript codebase.

  24. 24
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    We need to talk about this benchmark

    The post discusses a benchmark that compares the performance of different frameworks, specifically next.js and react. The author emphasizes that the numbers in the benchmark may not matter significantly in real-world applications. The post also mentions improvements made to the next.js framework based on the benchmark results.

  25. 25
    Article
    Avatar of communityCommunity Picks·2y

    Standalone Next.js. When serverless is not an option

    The post discusses the advantages and drawbacks of serverless and serverful approaches for deploying Next.js applications, and provides guidance on choosing the right architecture based on project requirements.