LongWebBench Evaluates Long-Horizon Webpage Generation by VLMs

Yi Zhao, Zhen Yang, Mengpan Chen, Mingde Xu, Shanghui Gong, Xijun Liu, Jibing Gong, Jie Tang· June 17, 2026 View original

Summary

LongWebBench is a new benchmark designed to evaluate Vision-Language Models (VLMs) in generating complex, multi-screen webpages, focusing on both structural fidelity and functional interactivity. It includes 490 real-world long webpages for structural assessment and 507 goal-oriented interaction tasks for functional verification.

A new benchmark, LongWebBench, has been introduced to rigorously assess the capabilities of Vision-Language Models (VLMs) in generating webpages. Unlike previous evaluations that focused on short, static pages, LongWebBench targets long-horizon webpages, considering both their structural integrity and functional interactivity. The benchmark comprises a dataset of 490 real-world long webpages for structural evaluation and 507 interactive tasks across 129 webpages to test functional performance. It employs a multi-dimensional VLM-based metric for structural coherence and an agent-based pipeline for end-to-end functional verification. Initial experiments with state-of-the-art VLMs reveal that structural fidelity degrades with increasing webpage length, and visually plausible generations often fail to support multi-step interactions. This highlights the necessity of evaluating webpage generation beyond mere visual similarity, emphasizing executable interaction as a core criterion.

Why it matters

This benchmark is crucial for advancing VLM development for web design and automation, ensuring that generated webpages are not only visually appealing but also fully functional and interactive, which is vital for real-world applications.

How to implement this in your domain

  1. 1Utilize LongWebBench to evaluate the performance of VLM-based web design tools.
  2. 2Prioritize functional interactivity alongside visual fidelity in VLM-generated web content.
  3. 3Develop VLM architectures that maintain structural coherence over long webpage contexts.
  4. 4Integrate agent-based testing pipelines to verify the executability of generated web interactions.

Who benefits

Web DevelopmentAI/ML ResearchUI/UX DesignSoftware EngineeringDigital Marketing

Key takeaways

  • LongWebBench evaluates VLMs for generating complex, long webpages.
  • Current VLMs struggle with structural fidelity and functional interactivity on long pages.
  • Functional interaction is a critical, often overlooked, evaluation criterion.
  • The benchmark pushes for more robust VLM development in web generation.

Original post by Yi Zhao, Zhen Yang, Mengpan Chen, Mingde Xu, Shanghui Gong, Xijun Liu, Jibing Gong, Jie Tang

"arXiv:2606.17727v1 Announce Type: new Abstract: Recent vision-language models (VLMs) have shown promising progress in generating webpages from visual inputs, yet existing evaluations mainly focus on short, single-screen, and largely static webpages. We introduce LongWebBench, a b…"

View on X

Originally posted by Yi Zhao, Zhen Yang, Mengpan Chen, Mingde Xu, Shanghui Gong, Xijun Liu, Jibing Gong, Jie Tang on X · view source

Want to go deeper?

Turn these trends into skills with Learnijoy's hands-on AI & tech courses.

Explore courses