Jump to main content

Nicolas Hoizey

  • articles
  • billets
  • links
  • notes
  • talks
  • archives
  • about

Alistair Shepherd avatar Alistair Shepherd

Async Alpine — Asynchronous Alpine component loading

  • Nicolas Hoizey
  • 14 October 2022
  • JavaScript, WebPerf
  • 10 reactions
Screenshot of “Async Alpine — Asynchronous Alpine component loading”

https://alistairshepherd.uk/writing/async-alpine

Async Alpine is a wrapper for the fantastic Alpine.js JavaScript library, giving you greater control of component loading and adding asynchronous/lazy loading to Alpine. This makes loading components when visible, for certain screen widths, on events and more, super simple!

10 reactions

4 likes

  1. Developer Bot 🤖 avatar
  2. Christophe avatar
  3. Alistair Shepherd avatar
  4. SuztoniK avatar

2 reposts

  1. Developer Bot 🤖 avatar
  2. Alistair Shepherd avatar

4 replies

  1. Alistair Shepherd avatar Alistair Shepherd
    Thanks Nicolas!
    • 14 October 2022, 23:08
    • Source
  2. Nicolas Hoizey avatar Nicolas Hoizey
    You're welcome! 🙏

    I have colleagues who started working with Alpine.js, so I thought it would be interesting for them.
    • 14 October 2022, 23:12
    • Source
  3. Alistair Shepherd avatar Alistair Shepherd
    Ah cool! I'm a big fan but on big sites and with other libraries the performance story can be a bit hard to manage, hence Async Alpine
    • 14 October 2022, 23:21
    • Source
  4. Nicolas Hoizey avatar Nicolas Hoizey
    They don't need much JS on this project, but async can always be useful.
    • 14 October 2022, 23:24
    • Source
  • Older: Caching Header Best Practices
  • Newer: When life gives you lemons, write better error messages

Related contents with similar topics

  1. screenshot of Why We're Breaking Up with CSS-in-JS

    Sam Magura

    Why We're Breaking Up with CSS-in-JS

    • Nicolas Hoizey
    • 3 November 2022
    • JavaScript, CSS, WebPerf
    • 5 reactions

    Thanks for reading this deep dive into runtime CSS-in-JS. Like any technology, it has its pros and cons. Ultimately, it's up to you as a developer…

  2. screenshot of Speeding Up Async Snippets

    Harry Roberts avatar Harry Roberts

    Speeding Up Async Snippets

    • Nicolas Hoizey
    • 13 October 2022
    • WebPerf, JavaScript
    • 5 reactions

    For all the resulting script is asynchronous, the `` block that creates it is fully synchronous, which means that the discovery of the script is governed…

  3. screenshot of Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead

    Joe Liccini

    Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead

    • Nicolas Hoizey
    • 13 September 2022
    • WebPerf, JavaScript
    • 4 reactions

    Caching assets is a fantastic way to optimize the network overhead of your web application, there is still plenty of computational overhead associated…

  4. screenshot of Hydration is Pure Overhead

    Miško Hevery

    Hydration is Pure Overhead

    • Nicolas Hoizey
    • 21 July 2022
    • WebPerf, JavaScript

    The re-execution of code on the client that the server already executed as part of SSR/SSG is what makes hydration pure overhead: that is, a duplication…

  5. screenshot of Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead

    Joe Liccini

    Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead

    • Nicolas Hoizey
    • 12 July 2022
    • WebPerf, JavaScript
    • 54 reactions

    Most developers still don't understand that large JavaScript code is really hurting performance, let's hope this great explanation by Joe, that this…

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.

© Nicolas Hoizey

Built with Eleventy