831661 - Global text rendering through userstyle - Slows browser

Status: RESOLVED WONTFIX

(Firefox :: Extension Compatibility, defect)

Description

[Naveen]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0
Build ID: 20130104151925

Steps to reproduce:

Tried to use a global text rendering userstlye with Stylish Add-On.

For eg : 

@namespace html url(http://www.w3.org/1999/xhtml);
body, input {text-shadow: 0px 0px 1px #999;}

This is a code by logonaniket for his userstlye : Firefox Strong Font Rendering (Like Safari)


Actual results:

There is significant slowdown of browser in all aspect , like right click , scrool , accessing menu etc.


Expected results:

Not slowdown ?

Comment 1

[Loic]

This userstyle, I guess?
http://userstyles.org/styles/37354/firefox-strong-font-rendering-like-safari

Comment 2

[Naveen]

yes

Although there is considerable slowdown of the browser , but why should it happen ? coz i have a good config , and it can and it should render it correctly right , without much slowdown. Also apart from this one global userstyle , any simple style (not global) causes slowdown.

Comment 3

[Matt Brubeck (:mbrubeck)]

It looks like that style intentionally blurs all text on web pages, with a blur radius of 1px.  Blurring is somewhat CPU-intensive, so it's not surprising that that it impacts browser performance.

A similar effect might be possible without slowing down the browser, by using Microsoft's ClearType Tuner, though I'm not sure it can get the exact effect you want:
http://www.microsoft.com/typography/cleartypepowertoy.mspx

Comment 4

[Naveen]

Currently i have disabled that global font rendering userstyle. But in general , ANY Userstyle slows the webpage significantly.

Comment 5

[(mostly gone) XtC4UaLL [:xtc4uall]]

(In reply to Naveen from comment #4)
> But in
> general , ANY Userstyle slows the webpage significantly.

Can you give other Examples?

Comment 6

[Naveen]

My userstyle. http://userstyles.org/styles/75713/hindu-paper-like

there is slight slowdown with this one , although the codes are very small. But for larger one its gets slow.

Also Why does the browser slow when there are many flash elements / pictures in a page ?

Comment 7

[Olly Hodgson]

(In reply to Naveen from comment #6)
> My userstyle. http://userstyles.org/styles/75713/hindu-paper-like

Can you try removing the box-shadow properties from that and see if performance improves? I've seen large box-shadows cause scroll performance issues before.

Comment 8

[Naveen]

Yup removing box-shadow improves speed. Is it with rendering or firefox handling of css .. If such a element is causing performance drop , why CSS3 having such element ? Is there a way to improve ?

Comment 9

[Mihai Morar, (:MihaiMorar)]

Naveen can you reproduce this issue using new profile or in safe mode? Because I couldn't repro even with default profile.

http://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode?redirectlocale=en-US&redirectslug=Safe+Mode

Comment 10

[Naveen]

Just to stress the browser , you can use my CSS heavy userstlye. http://userstyles.org/styles/58742/reddit-dark-side , see if this slows down.

Also which specific thing are you trying to reproduce ? then i might try it on fresh profile.

Comment 11

[Wayne Mery (:wsmwk)]

(In reply to Naveen from comment #10)
> Just to stress the browser , you can use my CSS heavy userstlye.
> http://userstyles.org/styles/58742/reddit-dark-side , see if this slows down.
> 
> Also which specific thing are you trying to reproduce ? then i might try it
> on fresh profile.

Comment 12

[Catalin Varga [QA][:VarCat]]

I've tried reproducing the issue on:
FF 18 release 
Win 7 x64
using the provided style and a new profile. 
I've installed the provided style and browsed reddit with and without the style. No significant performance changes were noticed. 

If you can provide additional information that might help reproducing the issue( eg: addons installed) that might help.
Also try reproducing it on a new profile.

Comment 13

[Naveen]

Can you install RES and check again if there is any slowdown ? I used it with RES https://addons.mozilla.org/en-US/firefox/addon/reddit-enhancement-suite/

Comment 14

[Catalin Varga [QA][:VarCat]]

Tested on the latest release FF 32.0.1 with Res installed not slowdown was experienced.

Comment 15

[Simona Badau, Desktop QA]

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:46.0) Gecko/20100101 Firefox/46.0
Build ID: 20160111030207

Works for me also on the latest Nightly 46 - no slowdown after installing RES and navigating reddit. 

Naveen, are you still having the slowdown issue with the latest Firefox versions (current Firefox 43.0.4, Nightly 46)?
https://www.mozilla.org/en-US/firefox/new/
https://nightly.mozilla.org/

Comment 16

[Naveen]

Even though it has improved , but i would still say it lags a bit. More so while scrolling.

Comment 17

[Naveen]

When visiting reddit with RES , there is evident input delay while scrolling.

Comment 18

[Jorge Villalobos [:jorgev] (he/him)]

Mass-closing old Extension Compatibility bugs that relate to legacy add-ons or NPAPI plug-ins. If you think this bug is still valid, please reopen or comment.

Sorry for the bug spam, and happy Friday!