Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Increase the speed of rendering pages with a polymer custom elements. #17498

Closed
DartBot opened this issue Mar 14, 2014 · 14 comments
Closed

Increase the speed of rendering pages with a polymer custom elements. #17498

DartBot opened this issue Mar 14, 2014 · 14 comments
Labels
area-pkg Used for miscellaneous pkg/ packages not associated with specific area- teams.

Comments

@DartBot
Copy link

DartBot commented Mar 14, 2014

This issue was originally filed by Roman.Korneyev@gmail.com


I use dart-polymer package to create custom elements. I have noticed that there is some blinking during of page with the custom elements loading. This effect also is visible for the very simple ClickCounter app. Is there any way to avoid this vexing blinking?

@DartBot
Copy link
Author

DartBot commented Mar 14, 2014

This comment was originally written by Roman.Korneyev@gmail.com


Environment: Dartium for the dart code and the lastest FF for the compiled js-code, the latest dev version (1.2.0-dev.5.15) of dart, he latest Polymer (0.10.0-pre.2). You can create Web application (using the polymer librart) with the sample content in DartEditor and launch it in Dartium. Even in this example can be seen a flashing of custom element when page loading. "blinking" means the delay during of creating a custom element. A static DOM loads instantly.

@DartBot
Copy link
Author

DartBot commented Mar 14, 2014

@DartBot
Copy link
Author

DartBot commented Mar 14, 2014

This comment was originally written by Roman.Korneyev@gmail.com


I mean the FOUC issue as described in http://en.wikipedia.org/wiki/Flash_of_unstyled_content

@DartBot
Copy link
Author

DartBot commented Mar 15, 2014

This comment was originally written by Roman.Korneyev@gmail.com


The suggested solution from http://www.polymer-project.org/docs/polymer/styling.html#fouc-prevention does not work for the simple Click Counter application created by Dart Editor..

@DartBot
Copy link
Author

DartBot commented Mar 15, 2014

This comment was originally written by @zoechi


When the 'unresolved' attribute is added to the body it gets removed on page load but I also was not able to utilize this behavior to make the page load appear with a smooth transition.
I also was not able to make styles work that use the :resolved/:unresolved pseudo classes. Maybe an example could help that shows how to use these.

@sgjesse
Copy link
Contributor

sgjesse commented Mar 17, 2014

Added Area-Polymer, Triaged labels.

@DartBot
Copy link
Author

DartBot commented Mar 19, 2014

This comment was originally written by Roman.Korneyev@gmail.com


Is there any news?

@jmesserly
Copy link

Removed Area-Polymer label.
Added Pkg-Polymer, Area-Pkg labels.

@sigmundch
Copy link
Member

Added this to the 1.6 milestone.
Removed Priority-Unassigned label.
Added Priority-Medium label.

@sigmundch
Copy link
Member

Removed this from the 1.6 milestone.
Added Polymer-P-1 label.

@sigmundch
Copy link
Member

Removed Polymer-P-1 label.
Added Polymer-Milestone-Next label.

@sigmundch
Copy link
Member

Added PolymerMilestone-Next label.

@sigmundch
Copy link
Member

Removed Polymer-Milestone-Next label.

@DartBot DartBot added Type-Defect area-pkg Used for miscellaneous pkg/ packages not associated with specific area- teams. labels Jul 9, 2014
@DartBot
Copy link
Author

DartBot commented Jun 5, 2015

This issue has been moved to dart-archive/polymer-dart#136.

@DartBot DartBot closed this as completed Jun 5, 2015
@kevmoo kevmoo removed the triaged label Mar 1, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-pkg Used for miscellaneous pkg/ packages not associated with specific area- teams.
Projects
None yet
Development

No branches or pull requests

5 participants