1143492 - Very poor performance on trusktr.io during the sidebar transition

Status: NEW

(Core :: Layout, defect)

Description

[Markus Stange [:mstange]]

This bug was originally reported in bug 1055932 comment 19:

> I'm experiencing poor transform:matrix3d performance in Firefox compared to
> Chrome. Try this site in both browsers:
> 
> https://trusktr.io/
> (hover with the mouse near the left edge of the page to open the menu, or
> swipe in from the left edge on mobile (with care in iOS since swiping from
> the left edge in Safari takes you back to the previous site))

It seems that we're invalidating much more than necessary.

Comment 1

[Markus Stange [:mstange]]

Joe, can you attach a zipped version of just the globe page that can be run locally from the file system? This will make it easier to reduce the page to the problematic pieces (and turn each of them into a test). And in case you decide to make changes to your site, we'll still be able to reproduce the original bug.

Comment 2

[trusktr]

Hi Markus, the globe is actually running in an iFrame in the right content area. Here's the whole thing zipped. You should be able to serve it locally by running

  node ./node_modules/.bin/lcm server

in the root dir, then visiting http://localhost:3000.

Comment 3

[trusktr]

The file was too big to upload. The source is here: https://github.com/trusktr/portfolio.git

You can run it by doing

  git clone https://github.com/trusktr/portfolio.git
  cd portfolio
  npm install -g jspm
  npm install
  cd public
  bower install
  ./jspm_install.sh
  node ../server.js

then visiting http://localhost:3000.