Skip to content

Really poor performance with Firefox #920

Closed
@ekaradon

Description

@ekaradon

Description

I really like this tool and I use it for all my current projects. I have however a major trouble.
Indeed, when using Firefox with the debugger opened, it just become really slow and it may even freeze as soon as the project fatten.
For example, here with the default project, not even changed:
spectacle j13867
On this test, I have lost the control of my browser for more than 2 seconds!

Expected behavior

Using Chromium or Firefox should not have a major impact on the performance.

Actual behavior

Using Firefox debugging tools is impossible with the react-app-cli solution.
With my previous tools and the same level of features, it was totally usable.

Environment

➜  demo npm ls react-scripts
[email protected] /home/ekaradon/projects/comwatt/demo
└── [email protected] 
➜  demo node -v
v6.8.1
➜  demo npm -v
3.10.8
➜  demo uname -a
Linux das_computer 4.7.6-1-ARCH #1 SMP PREEMPT Fri Sep 30 19:28:42 CEST 2016 x86_64 GNU/Linux
➜  demo firefox -v
Mozilla Firefox 49.0.1
➜  demo cat /proc/cpuinfo 
processor       : 0
vendor_id       : GenuineIntel
cpu family      : 6
model           : 94
model name      : Intel(R) Core(TM) i7-6700HQ CPU @ 2.60GHz
➜  demo cat /proc/meminfo 
MemTotal:       16330532 kB
MemFree:         1327896 kB
MemAvailable:    8083516 kB
Buffers:          275356 kB
Cached:          7654904 kB

Reproducible Demo

It is fully reproducible with the standard app created by create-react-app tool.
You just have then to start the application with:
➜ demo npm start
And then, inside Firefox, open the debugging tools (F12) and refresh the page (F5) and watch how much times it get you to have the page displayed.

Cheers,

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions