Skip to content

How to fix the Chrome blue noise/lines rendering problem

I had this problem today - I woke my computer (MacBook Pro 16” 2019) from sleep and I saw this:

Weird, right?

I reloaded the page - same thing.

I remembered I had the same problem a few weeks ago.

Back then I rebooted, and the problem went away. But I don’t like rebooting. If I can, I go months without rebooting.

So I tried closing Chrome - no fix.

I also noticed the problem manifest on an Electron based app, Workflowy.

But it didn’t happen for all Chrome tabs.

So I tweeted the problem, and a kind random Internet person told me to disable hardware acceleration in the Chrome settings.

So I went and found the “Use hardware acceleration when available” option and I disabled it, restarted chrome, and the problem went away:

I then re-enabled that, until the next time I’ll see this problem.

Hardware acceleration exists for a reason, and that’s to make browsing faster, since Chrome can take advantage of the powerful GPU to render animations, for example, and to enable WebGL.

It has been reported through the Google Support channels but so far no fix.

THE VALLEY OF CODE

THE WEB DEVELOPER's MANUAL

You might be interested in those things I do:

  • Learn to code in THE VALLEY OF CODE, your your web development manual
  • Find a ton of Web Development projects to learn modern tech stacks in practice in THE VALLEY OF CODE PRO
  • I wrote 16 books for beginner software developers, DOWNLOAD THEM NOW
  • Every year I organize a hands-on cohort course coding BOOTCAMP to teach you how to build a complex, modern Web Application in practice (next edition February-March-April-May 2024)
  • Learn how to start a solopreneur business on the Internet with SOLO LAB (next edition in 2024)
  • Find me on X

Related posts that talk about :