TideSurf: 30x Token Reduction for Web Agents

Post LinkedIn

🦙Read original on Reddit r/LocalLLaMA

#web-agents #token-compression #dom-parsing #local-llmtidesurftidesurf qwen-3.5-9b lm-studio mlx

💡30x token/12x TTFT cut for local web agents on M1—no vision needed!

⚡ 30-Second TL;DR

What Changed

32x token reduction vs raw DOM on GitHub

Why It Matters

Enables efficient local web agents on consumer hardware, slashing costs and latency for LLM browser automation without multimodal dependencies.

What To Do Next

Install @tidesurf/core via npm and test web agent tools with your local LLM.

Who should care:Developers & AI Engineers

Key Points

•32x token reduction vs raw DOM on GitHub
•12x TTFT reduction: 106s to 8.4s with Qwen 3.5 9B
•18 tools for LLM page interaction, CLI/MCP support
•~30ms DOM parsing, no vision needed
•Tested on M1 Pro MacBook with LM Studio MLX

🧠 Deep Insight

AI-generated analysis for this event.

🔑 Enhanced Key Takeaways

•TideSurf utilizes a custom heuristic-based tree-pruning algorithm that strips non-interactive elements like script tags, style blocks, and hidden metadata before conversion, which is the primary driver for the 30x compression ratio.
•The project integrates with the Model Context Protocol (MCP) to allow seamless interoperability with AI IDEs like Cursor and Windsurf, enabling agents to execute web navigation tasks directly within the development environment.
•Performance benchmarks indicate that while TideSurf significantly reduces Time to First Token (TTFT), it maintains a high success rate in element selection tasks by preserving semantic ARIA labels and accessibility tree hierarchies during the markdown transformation.

📊 Competitor Analysis▸ Show

Feature	TideSurf	Playwright/Puppeteer (Raw)	MultiOn
Token Efficiency	High (Compressed)	Low (Raw DOM)	Medium (API-based)
Latency	Low (Local)	High (Full DOM)	Medium (Cloud)
Pricing	Open Source (Free)	Free	Paid (API)
Primary Use	LLM Agent Context	Browser Automation	Web Agent Service

🛠️ Technical Deep Dive

DOM Transformation Engine: Uses a recursive descent parser that maps DOM nodes to a simplified Markdown-like syntax, prioritizing interactive elements (buttons, inputs, links).
Tooling Interface: Exposes 18 distinct functions via MCP, including click, type, scroll, and get_element_rect, allowing agents to interact with the page without needing full browser control.
Hardware Acceleration: Optimized for Apple Silicon (M1/M2/M3) via MLX, leveraging memory-mapped weights to reduce overhead during inference.
Parsing Latency: The ~30ms parsing time is achieved by avoiding full layout engine rendering, instead operating directly on the serialized DOM tree provided by the browser's accessibility API.

🔮 Future ImplicationsAI analysis grounded in cited sources

TideSurf will become a standard middleware for local-first AI agents.

The combination of MCP support and extreme token reduction addresses the primary bottleneck of context window limits in local LLM deployments.

The project will shift focus toward multi-modal support for non-textual web elements.

As agents evolve, the current text-only limitation will necessitate integration with lightweight vision encoders to handle complex canvas-based UI components.