June 2024 Summaries

Vercel has released the AI SDK 3.2 with significant improvements and new features. The update includes extended capabilities for multi-step workflows using agents, added support for new providers like Anthropic and Google models, introduced embeddings support for applications like retrieval augmented generation (RAG) and semantic search, and improved developer experience through better observability and client-side tool calls. This release is the first step towards supporting complex, autonomous agents and enabling developers to build cutting-edge AI applications with ease.

As of March 2024, Interaction to Next Paint (INP) will replace First Input Delay (FID) as a new Core Web Vital. INP measures the time between user interaction and when the browser is able to process the event, the time it takes the browser to process the event handlers, and the time it takes the browser to recalculate the layout and paint the pixels to the screen. Unlike FID, which only considers the delay of the first input event, INP measures all interactions throughout a page's lifetime. Optimizing your INP score involves addressing various performance factors such as processing delay, presentational delay, and efficient event handling. Tools like Real User Monitoring (RUM) can be used to regularly collect performance data from actual users for measuring INP.

The AI Enterprise Panel at Vercel Ship 2024 discussed how enterprises can leverage AI technologies to improve efficiency, enhance user experiences, and unlock new possibilities. Experts from Google, Groq, OpenAI, and Tomorrow Talk shared insights on reimagining traditional approaches, prioritizing user needs, starting with data quality, developing strong evaluation frameworks, and embracing transparency in AI implementation. The panel emphasized the importance of a human-centered approach to AI development and envisioned a future where AI is seamlessly integrated into our lives, powering personalized web experiences, ambient computing environments, and immersive virtual realities.

Interaction to Next Paint (INP) is a crucial metric in Google's Core Web Vitals that measures the responsiveness of web pages based on field data. Modern frameworks like Next.js are optimized for good baseline INP scores, but the nature of the metric requires developers to focus on real-world strategies to improve it. This article provides insights into how to optimize INP in challenging situations by understanding its phases and implementing effective techniques. The key takeaway is that optimizing INP involves minimizing other JavaScript from running, shortening the event handler phase, and reducing the duration of the browser render.

Frame.io, an Adobe company, prioritizes delivering high-performance web experiences for its users, who "see in milliseconds" and demand seamless interactions with their video content. The company's approach to building fluid user interfaces is guided by the principles of instant, smooth, and coordinated responses. To achieve this, Frame.io leverages technologies like React, Next.js App Router, Vercel, and their own platform to ensure a consistently smooth user experience. By adopting a forward-thinking mentality and prioritizing performance, Frame.io's team can iterate quickly, identify performance bottlenecks, and address them directly, resulting in a truly exceptional user experience.

Vercel has introduced an experimental feature called bytecode caching for its serverless functions to reduce startup latency in large applications by up to 27%. The new feature aims to eliminate the compilation step during cold starts, resulting in faster application start times and lower billed duration. Bytecode caching is currently supported on Node.js 20 with CommonJS frameworks like Next.js, but future updates will support ES Modules. Developers can enable this feature by adding an environment variable to their project settings.

Mintlify, a platform for public documentation, has experienced rapid growth by leveraging Vercel to power its scalable documentation platform. With Vercel's help, Mintlify was able to serve multiple customers across thousands of custom domains and terabytes of documentation on a single unified codebase. This allowed the company to focus on developing its core product and features, rather than managing infrastructure and scaling issues. As a result, Mintlify has become a go-to platform for developers to create help guides, tutorials, and API references with customizable domain support, empowering teams to build features, not infrastructure.