Best of PerformanceOctober 2023

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    I quit Google Chrome after 15 years: Here’s where I ended up and why

    Laptop Mag: I quit Google Chrome after 15 years and decided it was time to take a break from Google Chrome. Chrome is impressively intuitive and well laid out — something that not every browser can wear as a badge of pride. The last week and change have been an eye-opener of sorts.

  2. 2
    Article
    Avatar of dzDZone·2y

    Types vs Interfaces in Typescript

    Understand the TypeScript dilemma of types vs. interfaces, consider performance, and choose based on project needs and coding style.

  3. 3
    Article
    Avatar of communityCommunity Picks·2y

    Is Java Still Keeping Up with Modern Programming Languages

    Java remains relevant in 2023 due to its vast ecosystem, versatility, and use in various domains. Java 21 introduces exciting features like structured concurrency, virtual threads, pattern matching for switch, and string templates. While newer languages like Rust and TypeScript have their advantages, the choice depends on specific project requirements and familiarity with the language.

  4. 4
    Article
    Avatar of communityCommunity Picks·2y

    Welcome to the dark side. Ree.js awaits you!

    Ree.js is a lightweight web framework that is built for speed, simplicity, and compatibility. It supports URL Imports and Packit. The file size of create-reejs-app with preact feature enabled is 1mb. Reejs comes with cool tricks like the 'x' command and the 'repl' command.

  5. 5
    Article
    Avatar of vercelVercel·3y

    How we optimized package imports in Next.js – Vercel

    Next.js has optimized package imports, resulting in faster cold boots, faster builds, and improved local development speed. Barrel files, which group and export multiple modules from a single file, can cause slowdowns in importing packages. The new solution, `optimizePackageImports`, automatically maps all imports in barrel files, improving performance without the need for manual configuration. Upgrading to the latest version of Next.js is recommended for significant performance improvements.

  6. 6
    Article
    Avatar of asayerasayer·3y

    Optimize Vue with Web Workers

    Learn how to optimize Vue.js applications with Web Workers, a modern web technology that allows JavaScript to run in the background. Web Workers provide non-blocking operations, optimal CPU utilization, and scalability for web applications. By offloading intensive computations to a separate thread, Vue.js applications can achieve enhanced performance, improved user experience, and asynchronous operations. However, Web Workers have limitations such as lack of access to the DOM and limited access to certain Web APIs.

  7. 7
    Article
    Avatar of communityCommunity Picks·3y

    We migrated to SQL. Our biggest learning? Don’t use Prisma

    A developer shares their experience migrating from MongoDB to Postgres and using Prisma for their backend. They highlight problems with Prisma's deployment, low performance, and lack of SQL-level joins. They ultimately recommend avoiding Prisma for production workloads.

  8. 8
    Article
    Avatar of communityCommunity Picks·2y

    React Performance Booster - Introduction to the useMemo hook

    Learn about the useMemo hook in React, which allows you to optimize performance by memorizing expensive calculations. By using useMemo, you can ensure that the result of a computation is stored and only recalculated if necessary.

  9. 9
    Article
    Avatar of hnHacker News·2y

    Release: Yarn 4.0 🪄⚗️

    Yarn 4.0 is released with major changes including breaking changes, Corepack integration, Hardened Mode for security, improved user interface, TypeScript integration, performance improvements, and a fancy new website.

  10. 10
    Article
    Avatar of communityCommunity Picks·3y

    Introducing “Database Performance at Scale”: A Free, Open Source Book

    Introducing ‘Database Performance at Scale’: A Free, Open Source Book - ScyllaDB Discover new ways to optimize database performance and avoid common mistakes that impact latency and throughput. The complete 270-page book is available now, for free, and the digital version is available free of charge.

  11. 11
    Article
    Avatar of hackernoonHacker Noon·3y

    Front-End Optimization: My Journey to Accelerate Load Times in Heavy Front-End

    The article discusses various techniques for front-end optimization to improve app load times, including render on visibility, import on visibility, selective hydration, image proxy, loading priority, SVG images, and DNS prefetch.

  12. 12
    Article
    Avatar of astro_sourceAstro·2y

    Astro 3.4: Page Partials

    Astro 3.4 introduces page partials, optimized image generation, and a new experimental dev overlay. It also includes bug fixes and improvements.

  13. 13
    Article
    Avatar of codropsCodrops·3y

    Animating Multi-Page Navigations with Browser View Transitions and Astro

    Learn how to implement smooth transitions between pages in Astro using View Transitions. View Transitions make navigation seamless and effortless, reducing compatibility, performance, and accessibility issues. Find out about the performance impact, browser support, and design considerations for View Transitions.

  14. 14
    Article
    Avatar of communityCommunity Picks·3y

    A comprehensive guide to the dangers of Regular Expressions in JavaScript

    Learn about regular expression denial of service vulnerabilities and the dangers they pose. Discover how backtracking in regular expressions can cause performance issues and explore methods to solve these issues.

  15. 15
    Article
    Avatar of hnHacker News·2y

    Apple unveils M3, M3 Pro, and M3 Max, the most advanced chips for a personal computer

    Apple has unveiled the M3, M3 Pro, and M3 Max chips, which are the most advanced chips for a personal computer. These chips feature groundbreaking technologies, such as a next-generation GPU architecture, faster CPU and Neural Engine, and support for more unified memory. They deliver dramatic performance improvements and unleash new capabilities for Mac devices. The M3 family of chips represents a significant advancement in Apple silicon, with features like Dynamic Caching, hardware-accelerated ray tracing, and mesh shading. The CPU in the M3 family is faster and more efficient than the previous generation, and it supports up to 128GB of unified memory. The chips also have custom engines for AI and video processing, making them ideal for intensive tasks. Overall, the M3, M3 Pro, and M3 Max chips are designed to provide phenomenal performance and power efficiency for the most demanding pro workloads.

  16. 16
    Article
    Avatar of bytebytegoByteByteGo·3y

    No More Vendor Lock-In? The Rise of Sky Computing

    Sky Computing offers benefits such as redundancy, risk mitigation, cost optimization, compliance, performance optimization, disaster recovery, innovation, and flexibility. Most applications rely on one cloud provider due to factors like simplicity, cost considerations, integration, service differentiation, data gravity, and technical expertise. Cloud providers have incentives to embrace multi-cloud strategies to increase market share, revenue diversification, cross-selling and up-selling, partnerships and ecosystem expansion, customization and flexibility, resource optimization, and innovation.

  17. 17
    Article
    Avatar of mozillaMozilla·2y

    Quick as a Fox: Firefox keeps getting faster

    Mozilla's efforts to make Firefox faster have resulted in significant performance improvements, including a 50% improvement in Speedometer score since January 2023 and 15% faster page load times on average.

  18. 18
    Article
    Avatar of newstackThe New Stack·2y

    Vercel’s Next.js 14 Introduces Partial Pre-Rendering

    Vercel has released Next.js 14, which introduces partial pre-rendering for performance improvements. It also includes a faster TurboPack engine and stable server actions.

  19. 19
    Article
    Avatar of semaphoreSemaphore·2y

    Demystifying the React useCallback Hook

    The useCallback hook in React is used to memoize a callback function, preventing it from being recreated on every render. Memoization is a technique that stores the results of a function call and retrieves them from a cache, improving performance. By using useCallback, developers can optimize their React apps by avoiding unnecessary re-renders of components. The hook is especially useful when passing functions as props to child components or when working with functions that rely on external data or state.

  20. 20
    Article
    Avatar of communityCommunity Picks·2y

    Performance Guide to create 100k records in less than 3s using Ruby on Rails

    This article explores different methods to efficiently create 100,000 records in Ruby on Rails. It compares methods such as '.save', '.create', '.insert_all', '.upsert_all', and ActiveRecord-Import. The article provides benchmark results and recommendations for selecting the appropriate method based on the specific needs.

  21. 21
    Article
    Avatar of hackernoonHacker Noon·2y

    Web Dev in 2023: Angular vs. React Battle for Dominance

    Angular and React are two popular frameworks for web development. React's efficient use of the Virtual DOM gives it a performance edge, while Angular is a strong contender with continuous improvements enhancing its performance. When choosing between them, factors such as community support, ecosystem, job market demand, and project requirements should be considered. It's also important to stay updated with emerging trends in front-end development.

  22. 22
    Article
    Avatar of communityCommunity Picks·3y

    Java Garbage Collection

    Garbage collection in Java is a crucial process that manages memory allocation and deallocation, preventing memory leaks and optimizing resource utilization. It works by identifying and reclaiming unused objects. There are different types of garbage collectors in Java, including Serial, Parallel, Concurrent Mark Sweep, G1, and Shenandoah. Developers can identify and diagnose memory leaks or inefficiencies in their Java applications by monitoring memory usage, analyzing heap dumps, using profiling tools, running performance tests, and reviewing best practices for memory management.

  23. 23
    Article
    Avatar of awsplainenglishAWS in Plain English·2y

    Bun.js: A Cost-Reduction Catalyst for Serverless Computing

    Bun.js is a new JavaScript runtime environment that aims to reduce the cost of serverless computing. It offers impressive speed, seamless compatibility with Node.js, and a minimalistic set of highly-optimized APIs. Bun.js can potentially result in substantial cost reductions and improved user experience in serverless applications. It is poised to become an indispensable asset for cost-efficient, high-performance serverless architectures.

  24. 24
    Article
    Avatar of telerikTelerik·3y

    Why Angular’s New Image Directive is Worth Knowing

    Angular's new image directive, NgOptimizedImage, improves performance by offering features such as lazy loading, preconnections, and image issue warnings. It helps improve SEO by providing basic HTML5 image attributes and supports various image sources and responsive images.