Hacker News
Read post

How I made Google’s data grid scroll 10x faster with one line of CSS

Google’s “Top linking sites” data grid has major scroll lag. This happens when choosing to display a larger dataset (500 rows) Instead of the default 10 results, the data grid produces 16,000+ DOM elements to display just 500 rows. The DOM is not very performant when containing many elements. And laying out that many elements is costly.

    #google#css#seo
Oct 28, 2021•4m read time•From medium.com
Post cover image
Table of contents
How I made Google’s data grid scroll 10x faster with one line of CSSStep 1 — Recording a performance profileStep 2 — Figuring out what’s wrongStep 3 — Checking those layersStep 4 — Inspecting the DOMStep 5 — Improving the situation
Hacker News's image
Hacker News

Hacker News is a community-driven platform for sharing and discussing technology news, startups, and...

17.4K Followers

•

141.8K Upvotes

Would you recommend this post?

Copy link
WhatsApp
Facebook
X
New Squad
  • © 2026 Daily Dev Ltd.
  • Guidelines
  • Explore
  • Tags
  • Sources
  • Squads
  • Leaderboard