Batching read / writes to improve performance

[Mattchewone]

This PR improves performance by batching the read / writes.

Related to - #1860 (comment)

[RunDevelopment]

First of all, thank you for committing this fix!

Now, please run gulp to update the minified files (that's why the build failed).

[Mattchewone]

@RunDevelopment Hopefully this resolves the issues, should now include the changes to the file and the updated min file.

[RunDevelopment]

Yup, that works! Thank you!

[Mattchewone]

That's ok, sorry for making a bit of a mess of this PR. But we got there in the end.

[RunDevelopment]

I will fully review your PR soon.

[RunDevelopment]

I made you a PR with a few improvements.

Also, could you please provide an example which shows the reflow problem?
I can see the code that causes reflow but I cannot reproduce that this reflow significantly influences the overall performance. And certainly not as much as in your original issue.

[justinbmeyer]

@RunDevelopment , depending on your hardware, you should be able to see the problem on this page: https://www.bitovi.com/academy/learn-angular/creating-components.html. This was the page the original issue's performance graph was made from. Since that time, I've split that page into another page to improve the performance.

Despite this I can still visually see a delay when I resize the window. You can see this in the following GIF. Notice that as I resize to see more of the screen, the "new" parts are white for a few ms.

With this fix, resizing feels instantaneous.

[RunDevelopment]

@justinbmeyer Thanks for sharing this!
I can definitely see the issue. Resizing takes more than a second on my laptop.

Hopefully, the page-splitting won't be necessary anymore after this fix.

[Mattchewone]

I have merged the changes made to this branch, so we should be good to go now.

Thanks all

[justinbmeyer]

When do you think this might be part of a release? Thanks!

[RunDevelopment]

We don't have a fixed release schedule, so I can't say with certainty when a new version gets released.
But maybe a month or so.

In the meantime, you can always get the latest version of Prism at our download page. This version includes this PR.

[justinbmeyer]

Sorry to bother again, but any chance you'll be releasing soon? I'd like to avoid changing our packages from using npm to a download (especially as we have multiple projects using prism and our build makes sure only one prism gets included). Thanks!

[RunDevelopment]

Very soon!