Webframework: Astro accelerates the rendering of 5.3 websites

In version 5.2, the JavaScript Framework Astro allows a sharp side rendering for websites with several components-and it expands the netalify adapter by two new options for bundling.

Advertisement

Present the complex sides fast

Async functions can be used within components in Astro. So far, every component and each side of the asynchronous have been presented, even if it is not necessary, which, according to the Astro team, may have some overheads. Therefore, Astro 5.3 brings changes that it only provides an incomparable if it contains an ASYNC function call.

This should cause quite rapid rendering of synchronous components, depending on the exact degree of acceleration on the individual website. Complex pages with multiple components should be able to be the most beneficial. Conversely, the request may not change the page speed using slow external API for time.

As the Astro team tested, the new process is generally 1.5 to 2 times faster with the new process for server-side render (SSR), provided that the page does not call the outer API. Statical construction of Astro Documentation Page can be reduced by 10 to 15 percent Platformatic-SSR benchmarkWhich generates a page with over 3000 components, the inquiry now runs four times faster.

To use new rendering behavior, developers do not need to make any adjustments themselves.

ENTERJS 2025 Manhem takes on May 7 and 8 on 8th May. The conference provides a comprehensive approach to the JavaScript-based enterprise world. Meditation is not only on programming languages ​​on JavaScript and Typscript, but also on framework and tools, accessibility, practical reports, UI/UX and security.

Highlights from the program:

Multifunction Printer 4 in 1 Pixma Model TR7650, Cannon

Tickets are At the cost of the initial bird Available in online shop.

Update for Head inquiry and Netflif connection

API closing points can now be automatically HEAD-A inquiry when A GET-Handler is defined. The Astro calls the latter and answers with an empty body. Developers who deal with a different way of behavior HEADThe inquiry prefers a different handler.

The developer also receives more control over the bundle with the serverless platform Netflife. Cup adapters already had options excludeFiles And includeFilesTo define which files are not included in the bundle or should not be included. Now Netflife is following the adapter and also receives these options. You accept an array of globes or paths:

  {
    adapter: netlify({
      includeFiles: ("src/locales/**/*.po"),
      excludeFiles: ("node_modules/big-package/chonky-file.bin"),
    }),
  }

Existing Astro projects can be used by automatic CLI equipment @astrojs/upgrade Update for the new version. It is also possible to update manual.

More information about new release Astro delivers the blog,

(May)