ngx-markdown icon indicating copy to clipboard operation
ngx-markdown copied to clipboard

Startup time high on Android Chrome and Edge. Firefox normal speed

Open mensand opened this issue 2 years ago • 4 comments

I have a page with a ngx-markdown on it. When this is loaded for the first time on android in both edge and chrome the startup time is about 8 seconds. When i open the page in firefox on android the page is almost instant. I've updated to the latest 5.1 You can check on your own page to see the problem

https://jfcere.github.io/ngx-markdown/get-started

mensand avatar Jan 27 '23 11:01 mensand

Hi @mensand,

I don't think this is related to the package, the ngx-markdown demo loads almost instantly on my Android with chrome mobile browser. The only delay that is visible is due to the README.md loading time from to be GitHub site and it is probably less then a second.

jfcere avatar Feb 04 '23 14:02 jfcere

I've tested the ngx-markdown demo on a Samsung S9 with Samsung Internet browser and did have a slow loading time that took approximately 8 seconds to display the get-started page. Weird thing is that on the same phone with Chrome browser I didn't have the loading issue.

Not sure what this is about, I'll keep the issue open until I can find the time to investigate. Otherwise, feel free to investigate on your side to see if it is related to low performance on fetching HTTP files or anything.

jfcere avatar Feb 04 '23 18:02 jfcere

I had a markdown div with the emoji directive and it was taking a few seconds to load. Removing the emoji directive fixed the slowness issue:

before (loads after a few seconds):

<div markdown emoji>

after (loads instantly):

<div markdown>

ariapahlavan avatar May 07 '23 05:05 ariapahlavan

I had a markdown div with the emoji directive and it was taking a few seconds to load. Removing the emoji directive fixed the slowness issue:

before (loads after a few seconds):

<div markdown emoji>

after (loads instantly):

<div markdown>

I have experienced the same thing. If I include the emoji attribute:

<markdown emoji [data]=project.notes"></markdown>

Then it takes 3 extra seconds the first time I load this page. If I remove the emoji attribute, it loads immediate.

I am also getting the following warning in Chrome dev console:

[Violation] 'setInterval' handler took 3751ms

This does not appear if I remove the emoji attribute. Makes sense, something is tacking on around 3750 ms to the component rendering.

Any suggestions? Is the emoji plugin loading something? Can I load that at app startup?

thomas-w-grant avatar Oct 17 '23 00:10 thomas-w-grant