Tag

web rendering

1 views collected around this technical thread.

Python Programming Learning Circle
Python Programming Learning Circle
May 19, 2022 · Frontend Development

Performance Impact of Chrome Extensions on CPU, Rendering, and Memory

This report analyzes how popular Chrome extensions affect browser performance by increasing CPU usage, slowing page rendering, and consuming additional memory, presenting data from tests on various websites and highlighting the cumulative impact of multiple extensions on user experience.

CPU usageChrome extensionsPerformance
0 likes · 10 min read
Performance Impact of Chrome Extensions on CPU, Rendering, and Memory
ByteFE
ByteFE
Dec 27, 2021 · Frontend Development

Debugging Google Maps Black Screen Issues in iOS Safari Iframes

This article details a systematic debugging process for resolving a Google Maps black screen issue within iOS Safari iframes, demonstrating how to intercept DOM manipulation, utilize Chrome DevTools Overrides to modify third-party scripts, identify initialization dimension constraints, and implement a reliable post-load refresh solution.

Chrome DevToolsFrontend TroubleshootingGoogle Maps API
0 likes · 5 min read
Debugging Google Maps Black Screen Issues in iOS Safari Iframes
Taobao Frontend Technology
Taobao Frontend Technology
Aug 26, 2021 · Frontend Development

How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine

This article introduces Kraken, a high‑performance, Flutter‑based web rendering engine, detailing its technical background, architecture, bridge implementations, key performance optimizations, extended widget support, and debugging tools, while comparing its rendering flow with traditional WebView and Flutter pipelines.

Cross-PlatformFFIFlutter
0 likes · 17 min read
How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine
Sohu Tech Products
Sohu Tech Products
Jul 21, 2021 · Frontend Development

Chrome RenderingNG: Overview of the Next‑Generation Rendering Architecture

The article introduces Chrome's next‑generation rendering engine RenderingNG, detailing its core features, design philosophy, stability efforts, scalable performance techniques, caching, GPU acceleration, and new web APIs that together aim to provide faster, more reliable, and cross‑platform web rendering.

Browser EngineChromePerformance
0 likes · 12 min read
Chrome RenderingNG: Overview of the Next‑Generation Rendering Architecture
Taobao Frontend Technology
Taobao Frontend Technology
Apr 21, 2021 · Frontend Development

How Alibaba’s Open‑Source Kraken Engine Redefines Front‑End Rendering

Alibaba’s three‑year‑long open‑source Kraken engine offers a high‑performance, cross‑platform web rendering solution built on W3C standards, enabling zero‑cost front‑end adoption, consistent rendering, advanced features like sliver scrolling and plugin extensibility, and has already proven its value in major Alibaba products.

Cross-PlatformFrontendPerformance
0 likes · 14 min read
How Alibaba’s Open‑Source Kraken Engine Redefines Front‑End Rendering