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.
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 situationSort: