Google Chrome 126 Introduces WebGPU Web Workers Support and New CSS Viewport Units

Google Chrome 126 is now available, featuring WebGPU support within Web Workers and new CSS viewport units. WebGPU's integration with Web Workers allows graphics and computation tasks to run in the background, offloading them from the main thread. This significantly improves the responsiveness of complex web applications, such as games and 3D modeling tools, by ensuring a smoother user interface. Previously, WebGPU operations were confined to the main thread. With this update, developers can now leverage Web Workers to execute computationally intensive WebGPU processes in parallel. This prevents UI freezes and allows for more efficient resource utilization, empowering developers to build sophisticated web applications with better performance. Additionally, new CSS viewport units (svh, lvh, dvh, svw, lvw, dvw) have been introduced. These units address the challenge of dynamic viewport sizes, particularly on mobile devices where browser toolbars can appear and disappear, causing layout shifts. By using these new units, developers can achieve more predictable and stable responsive layouts across various devices and screen sizes. These enhancements collectively advance the web platform, providing powerful tools for developers to create high-performance and user-friendly web applications. The WebGPU Web Workers support, in particular, holds significant potential for accelerating advanced graphics processing and machine learning model execution directly in the browser. Developers are encouraged to explore these new features to innovate and shape the next generation of web experiences.
Comparison
| Aspect | Before / Alternative | After / This |
|---|---|---|
| WebGPU Execution | Main thread only, potentially blocking UI for heavy tasks | Can run in Web Workers, offloading tasks and improving UI responsiveness |
| CSS Viewport Sizing | Limited units, challenging to handle dynamic browser UI changes (e.g., mobile toolbars) | New units (svh, lvh, dvh, etc.) provide more reliable and consistent layout behavior |
Action Checklist
- Update to Chrome 126 Ensure your browser is updated to the latest stable version to access new features.
- Refactor WebGPU workloads to Web Workers Identify computationally intensive WebGPU tasks and migrate them to Web Workers for improved performance.
- Adopt new CSS viewport units Review existing CSS layouts, especially for mobile, and replace `vh`/`vw` with `svh`/`lvh`/`dvh` as appropriate for more stable layouts.
- Test application compatibility Verify that existing WebGPU and CSS implementations function correctly with the new Chrome version.
Source: Google Chrome Releases
This page summarizes the original source. Check the source for full details.
