Parsing and rendering CSS attribute rules is very slow

Confirmed Issue #13348719 • Assigned to Kevin B.

Details

Author
Andrey G.
Created
Aug 21, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
38.14393
Reports
Reported by 5 people

Sign in to watch or report this issue.

Steps to reproduce

Microsoft Edge takes too much time (comparing to other browsers) to render a page if there are many CSS rules for attributes. Moreover, it still takes at least the same amount of time even not a single rule for attributes used, only a style sheet attached.
Complete description of the issue and benchmark results can be found in the article https://medium.com/@andreygoncharov/edge-hates-you-attributes-d15faf162939

Attachments

2 attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for this information about the issue. Please provide a reduced code sample, or a web page, which demonstrates the problem. Also, include any required steps to repro the problem.

    Best Wishes,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Status to “Not reproducible”

  • Hello James,

    Sorry for the long reply. Please open the file ( https://drive.google.com/file/d/0BxskuV-A2bahTzlTeEVBTFZuamM/view?usp=sharing ) in Edge and then in Chrome. You’ll see drastic difference in render time.

    You can easily generate such files of different sizes with this script ( https://github.com/keenondrums/css-attribute-selector-performance-test )

    Best,
    Andrey

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

    Changed Status from “Not reproducible”

  • Hello,

    Thank you for providing this information about the issue. After thorough testing, we are unable to reproduce this problem in Edge. Please test this behavior in our latest public stable build 15063 or the insider build 16291.

    Best Wishes,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Assigned To from “James M.” to “Bogdan B.”

    Changed Status to “Confirmed”

  • Hi, 

    Thanks for bringing this to our attention! We’ll investigate this issue in more detail and would reply here in the next few weeks on what might be causing this and how we can try to improve the performance. Please stay tuned…

  • Microsoft Edge Team

    Changed Assigned To from “Bogdan B.” to “Kevin B.”

  • Please, increase the priority of the issue.
    The thing is Angular 2+ uses attributes to apply emulated view encapsulation.
    So the application performance may slow down when scaling.

You need to sign in to your Microsoft account to add a comment.

Sign in