Google Chrome not rendering webpages correctly

Question

I am facing some serious web page rendering issues with Chrome. It is more prominent during javascript based animations and stuff on websites like youtube. I have tried removing chrome using (sudo apt-get purge google-chrome-stable) and then reinstalling it. But the problems still persist. The same webpages work correctly on firefox on ubuntu and chrome on windows. The problem only shows up when I use chrome on ubuntu.

I think the issue has started after I updated to the latest version of Chrome. I have used Chrome previously on this machine without any problems.

I have attached a image that demonstrates the issue.

What could possibly be the problem?

PS: here's the output of lshw -c video:

*-display               
   description: VGA compatible controller
   product: Madison [Radeon HD 5000M Series]
   vendor: Hynix Semiconductor (Hyundai Electronics)
   physical id: 0
   bus info: pci@0000:01:00.0
   version: 00
   width: 64 bits
   clock: 33MHz
   capabilities: pm pciexpress msi vga_controller bus_master cap_list rom
   configuration: driver=fglrx_pci latency=0
   resources: irq:46 memory:e0000000-efffffff memory:f0020000-f003ffff ioport:d000(size=256) memory:f0000000-f001ffff

Here's the output of lspci -nn: output of lspci -nn

Answer 1

The issue was with the graphic drivers.

I downloaded and installed the latest driver from AMD and now everything looks fine.

Thanks to @tijybba.

Answer 2

For me, this helped:

1. Download latest beta drivers from AMD website.

2. Uninstall ATI drivers:

   sudo apt-get remove --purge fglrx
   

3. Reinstall xorg:

   sudo apt-get install --reinstall xserver-xorg-video-radeon
   

4. Reboot.

5. Install new beta drivers:

   sudo sh beta_drivers_name.run
   

6. Reboot and Chrome works fine.
7. Remove "AMD testing use only" logo (optional): http://ubuntuforums.org/showthread.php?t=2076381

Answer 3

I resolved the problem by enabling the "tear free" option on the Catalyst Control Center:

System Tools → Preferences → AMD Catalyst Control Center → Display Options → Tear Free

Answer 4

Have you considered using a ppa build of Chromium instead of Google Chrome? There is a ppa for it here.The latest development builds are here. These builds are meant to be the same as Google Chrome Canary, the experimental version of Chrome, that has great HTML5 support, but without some plugins, such as PDF, Flash, FFMpeg.

Answer 5

The problem seems to be related to java scripting. A good example is the website www.nasa.gov. If you look at it using firefox it renders ok. Chrome does not seem to work correctly. Especially the script displaying scrolling pictures (in a jQuery tupe of fashion) dails. Other websites have problems in rendering forms correctly (e.g. you can't fill in name fields for instance).

Might it be related to the fact that those websites have a HTML4 header but in fact use html5 technology?

Answer 6

I had the same tearing problem as well as popping during audio playback with a Radeon HD 3450 after upgrading from Ubuntu 10.04 to 12.04. I tried the latest drivers from Ubuntu and ATI, and neither one worked, I think because it's now a "legacy" product. I couldn't enable Tear Free Desktop because I got an "insufficient graphics adapter memory" error.

This is what fixed it for me:

1. Enable Canonical partner repository
   https://askubuntu.com/a/14633/18665
2. Install Flash from Adobe
   sudo apt-get install adobe-flashplugin
3. In Chrome, browse to chrome://plugins/
4. In the upper right side of the screen, click the + next to Details
5. Scroll down to Adobe Flash Player, find the version with PepperFlash in the path, and click Disable

Answer 7

I had a kind of similar problem: certain webpages didn't loaded or took them a long time to load. of them was google.co.uk webpage. I went to the extensions and removed "Hola better internet" extension. My Chrome is superfast now.

Cheers