Tagged articles
144 articles
Page 2 of 2
Java High-Performance Architecture
Java High-Performance Architecture
Dec 14, 2019 · Frontend Development

Why WebAssembly Became the 4th Web Language and What It Means for Developers

WebAssembly, officially standardized by W3C in December 2019 as the fourth core web language, offers a secure, portable, high‑performance binary format that runs in browsers, enabling near‑native execution for tasks like audio, video, graphics, 3D, and AI, while introducing features such as threads, shared memory, and direct host object access.

BrowserWebAssemblylow-level
0 likes · 3 min read
Why WebAssembly Became the 4th Web Language and What It Means for Developers
NetEase Game Operations Platform
NetEase Game Operations Platform
Nov 16, 2019 · Frontend Development

WebAssembly with Emscripten: High‑Performance MD5 Hashing and Archive Extraction in the Browser

This article demonstrates how to leverage WebAssembly and Emscripten to compile C code for high‑performance MD5 hashing and archive (zip/7z) parsing in the browser, covering library selection, memory management, file I/O via WorkerFS, async processing, and integration of C functions with JavaScript.

BrowserCEmscripten
0 likes · 18 min read
WebAssembly with Emscripten: High‑Performance MD5 Hashing and Archive Extraction in the Browser
360 Tech Engineering
360 Tech Engineering
Jul 26, 2019 · Frontend Development

Properties and Methods That Trigger Layout Reflow in Browsers

The article lists DOM properties and methods—such as element measurements, scrolling APIs, focus calls, getComputedStyle, and various window and document attributes—that cause browsers to synchronously recalculate styles and layout, explains why they are performance bottlenecks, and offers practical mitigation techniques.

BrowserDOMfrontend
0 likes · 8 min read
Properties and Methods That Trigger Layout Reflow in Browsers
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Jun 14, 2019 · Frontend Development

Understanding Browser Rendering Process and Performance Optimization Techniques

This article explains the browser rendering pipeline—from network communication and HTML/CSS parsing to DOM and render tree construction—highlighting common misconceptions, performance bottlenecks, and practical optimization strategies such as DNS reduction, TCP reuse, HTTP/2 features, efficient CSS selectors, and JavaScript loading techniques.

BrowserCSSHTTP2
0 likes · 36 min read
Understanding Browser Rendering Process and Performance Optimization Techniques
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 19, 2018 · Frontend Development

Can WebAssembly Speed Up Browser File Scanning? A Real‑World Performance Study

This article explores how WebAssembly, compiled via Emscripten from C/C++ code, can accelerate file‑scanning tasks in a web‑based email attachment uploader, detailing the compilation pipeline, runtime communication, performance benchmarks against pure JavaScript, and practical optimizations for worker‑based processing.

BrowserEmscriptenJavaScript
0 likes · 18 min read
Can WebAssembly Speed Up Browser File Scanning? A Real‑World Performance Study
Java Captain
Java Captain
Dec 8, 2018 · Fundamentals

What Happens Behind the Scenes When You Enter a URL

The article explains step‑by‑step what occurs when a user types a URL, covering DNS resolution, browser caching, HTTP requests and redirects, server processing, HTML generation, resource fetching, compression, and asynchronous AJAX communication, using Facebook as a concrete example.

BrowserDNSHTTP
0 likes · 15 min read
What Happens Behind the Scenes When You Enter a URL
Node Underground
Node Underground
Dec 5, 2018 · Frontend Development

Unlock Powerful Debugging: Master Advanced console Methods in JavaScript

This article explores the full range of browser console functions—including formatted logging, object inspection, warnings, tables, assertions, counters, timing, tracing, and grouping—to help JavaScript developers debug more efficiently and gain deeper insight into their code.

BrowserDebuggingconsole
0 likes · 11 min read
Unlock Powerful Debugging: Master Advanced console Methods in JavaScript
UC Tech Team
UC Tech Team
Oct 19, 2018 · Frontend Development

Understanding Unexpected Behaviors of console.log in Browsers

This article examines why console.log may produce surprising results in different Chrome DevTools states, explains the underlying asynchronous I/O handling, and offers practical debugging advice for developers working with JavaScript in the browser.

AsynchronousBrowserJavaScript
0 likes · 5 min read
Understanding Unexpected Behaviors of console.log in Browsers
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 30, 2018 · Fundamentals

Why Does setTimeout Run After Promise.then? Unraveling JavaScript’s Event Loop

This article explains how JavaScript’s single‑threaded model achieves asynchronous behavior through macro‑tasks and micro‑tasks, compares the browser and Node.js event‑loop implementations, and demonstrates the timing differences between setTimeout, setImmediate, and process.nextTick with practical code examples.

AsyncBrowserJavaScript
0 likes · 9 min read
Why Does setTimeout Run After Promise.then? Unraveling JavaScript’s Event Loop
21CTO
21CTO
Aug 27, 2018 · Frontend Development

Mastering Browser Architecture: From Multi‑Process to JS Event Loop

This comprehensive guide walks experienced front‑end developers through the browser's multi‑process model, internal threading, rendering pipeline, JavaScript single‑threaded execution, event loop mechanics, Web Workers, and performance‑related concepts like macrotasks, microtasks, and hardware‑accelerated compositing.

BrowserJavaScriptThread
0 likes · 35 min read
Mastering Browser Architecture: From Multi‑Process to JS Event Loop
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 20, 2018 · Frontend Development

Mastering Browser Processes, Threads, and the JavaScript Event Loop

This comprehensive guide walks you through browser multi‑process architecture, the relationship between processes and threads, the rendering pipeline, Web Workers, and the intricacies of JavaScript's single‑threaded execution and event‑loop mechanisms, providing a solid knowledge framework for front‑end developers.

BrowserJavaScriptWeb Workers
0 likes · 33 min read
Mastering Browser Processes, Threads, and the JavaScript Event Loop
Architects Research Society
Architects Research Society
Jul 17, 2018 · Frontend Development

Performance Issues and Mitigation Strategies for Salesforce Lightning Experience

This article outlines common geographic, device, browser, and Salesforce org configuration problems that cause slow page loads in Lightning Experience and provides practical mitigation steps such as network latency testing, browser benchmarking, disabling unnecessary plugins, and optimizing Visualforce and Lightning page designs.

BrowserLightning ExperienceSalesforce
0 likes · 6 min read
Performance Issues and Mitigation Strategies for Salesforce Lightning Experience
21CTO
21CTO
Mar 6, 2018 · Frontend Development

Can WebAssembly Replace JavaScript? A Deep Dive into Its Future and Risks

This article explores WebAssembly’s origins, technical architecture, current browser support, limitations such as lack of OOP, garbage collection, and multithreading, and discusses its security concerns and roadmap, ultimately questioning whether it will ever supplant JavaScript in the web ecosystem.

BrowserJavaScriptWebAssembly
0 likes · 9 min read
Can WebAssembly Replace JavaScript? A Deep Dive into Its Future and Risks
37 Interactive Technology Team
37 Interactive Technology Team
Aug 29, 2017 · Frontend Development

How to Clear Cache and Open Developer Tools in Various Browsers (with Screenshots)

This illustrated guide walks users through clearing cache and launching developer tools in browsers ranging from Internet Explorer, Chrome, Opera, Safari, Firefox, and Edge to lesser‑known browsers, and even shows how to toggle compatibility modes in dual‑engine browsers, with screenshots for each step.

BrowserTutorialWeb Development
0 likes · 8 min read
How to Clear Cache and Open Developer Tools in Various Browsers (with Screenshots)
21CTO
21CTO
Jul 21, 2017 · Fundamentals

What Happens When Your Browser Loads a Web Page? From DNS to Rendering Explained

This article walks through every step a browser takes to fetch and display a website—including DNS cache lookup, OS and ISP resolution, TCP handshake, HTTP request handling, and the rendering pipeline—while also clarifying core concepts such as callbacks, async vs sync, and the event loop.

AsynchronousBrowserDNS
0 likes · 6 min read
What Happens When Your Browser Loads a Web Page? From DNS to Rendering Explained
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jan 20, 2017 · Frontend Development

How Browsers Turn URLs into Web Pages: Inside Rendering Engines and Parsing

From typing a URL to seeing a page, browsers perform a complex series of steps—including network requests, HTML and CSS parsing, DOM and render tree construction, layout, painting, and script execution—while handling errors and optimizations across components such as the UI, engine, networking, JavaScript interpreter, and storage.

BrowserDOMRendering Engine
0 likes · 36 min read
How Browsers Turn URLs into Web Pages: Inside Rendering Engines and Parsing
Qunar Tech Salon
Qunar Tech Salon
Jan 13, 2017 · Frontend Development

Building Smooth Animations: Understanding FPS, Browser Rendering Process, and Performance Optimization Techniques

This article explains what FPS and 60 fps mean, walks through the browser's rendering pipeline from HTML/CSS to the render tree and layers, and provides practical techniques such as avoiding forced synchronous layout, using transform/opacity, GPU acceleration, requestAnimationFrame, and proper event handling to achieve fluid animations.

BrowserRenderinganimation
0 likes · 24 min read
Building Smooth Animations: Understanding FPS, Browser Rendering Process, and Performance Optimization Techniques
Tencent Music Tech Team
Tencent Music Tech Team
Aug 25, 2016 · Frontend Development

Introduction to WebAssembly, Emscripten, and Binaryen: Installation, Compilation, and Usage

This guide introduces WebAssembly and its ecosystem—explaining how Emscripten compiles C/C++ to asm.js or .wasm, how Binaryen converts asm.js to the final binary, and provides step‑by‑step Ubuntu installation, simple hello‑world compilation, build‑process wrappers, and real‑world examples such as FFmpeg, SQLite, and game engines.

BinaryenBrowserC
0 likes · 10 min read
Introduction to WebAssembly, Emscripten, and Binaryen: Installation, Compilation, and Usage
Java High-Performance Architecture
Java High-Performance Architecture
Jul 10, 2016 · Frontend Development

Boost Your Web Development Workflow with Blisk and BrowserSync

Discover how using the dedicated development browser Blisk, combined with BrowserSync’s automatic reload feature, can streamline debugging, isolate tabs, manage cache, and preview responsive designs across multiple devices simultaneously, enhancing efficiency for front‑end developers.

BrowserResponsive Designdevelopment-tools
0 likes · 3 min read
Boost Your Web Development Workflow with Blisk and BrowserSync
ITPUB
ITPUB
Apr 8, 2016 · Frontend Development

Turn Your Browser into a Live HTML Editor with a Simple Data URI Trick

This article explains how entering a specially crafted data:text/html URI in the browser address bar creates a temporary, editable HTML page, and shows multiple community extensions that add syntax highlighting, theming, and custom behaviors using Ace editor and other tricks.

Ace editorBrowsercontenteditable
0 likes · 6 min read
Turn Your Browser into a Live HTML Editor with a Simple Data URI Trick
21CTO
21CTO
Mar 4, 2016 · Frontend Development

How to Boost Web Page Performance: Master Reflow, Repaint, and Rendering

This article explains why web pages become sluggish, breaks down the browser's rendering pipeline, details how reflow and repaint affect performance, and provides nine practical techniques—including batching DOM operations, using requestAnimationFrame and requestIdleCallback—to dramatically improve page speed and achieve smooth 60 FPS animations.

BrowserRenderingfrontend
0 likes · 14 min read
How to Boost Web Page Performance: Master Reflow, Repaint, and Rendering
21CTO
21CTO
Jan 10, 2016 · Fundamentals

What Really Happens When You Enter a URL? Inside Browser, DNS & HTTP

From typing a URL to rendering a page, this article walks through each step—browser DNS lookup, HTTP request and response, redirects, server processing, content delivery, and asynchronous calls—revealing the complex interactions that make modern web browsing possible.

BrowserDNSHTTP
0 likes · 16 min read
What Really Happens When You Enter a URL? Inside Browser, DNS & HTTP
Java High-Performance Architecture
Java High-Performance Architecture
Nov 26, 2015 · Frontend Development

Understanding Browser Navigation Timing API: All Key Metrics Explained

This article explains the Navigation Timing API's full set of timestamps—from navigationStart to loadEventEnd—detailing each metric's meaning and when it records a value, helping developers diagnose page‑load performance and how they differ for same‑origin versus cross‑origin requests, redirects, and cached resources.

BrowserWeb APIfrontend
0 likes · 4 min read
Understanding Browser Navigation Timing API: All Key Metrics Explained
Architect
Architect
Nov 25, 2015 · Frontend Development

Understanding HTTP Request Lifecycle and Browser Caching Optimizations

This article explains the steps from a client’s HTTP request to server response, analyzes performance bottlenecks such as TCP connection overhead, and presents practical browser‑side caching techniques—including Keep‑Alive, Last‑Modified/If‑Modified‑Since, ETag/If‑None‑Match, Expires, and Cache‑Control—to improve web site speed.

BrowserHTTPWeb Development
0 likes · 10 min read
Understanding HTTP Request Lifecycle and Browser Caching Optimizations
21CTO
21CTO
Oct 17, 2015 · Fundamentals

What Really Happens Behind the Scenes When You Visit a URL?

This article walks through every step that occurs when you type a URL— from the browser’s DNS lookup and HTTP request, through server processing, redirects, HTML rendering, and subsequent resource and AJAX calls—revealing how browsers, servers, and CDNs cooperate to deliver a web page.

BrowserDNSHTTP
0 likes · 15 min read
What Really Happens Behind the Scenes When You Visit a URL?