question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

V8.4 - Loading or publishing a node that has a base64 image takes a long time

See original GitHub issue

I tried to insert an image inside the RTE which its source is base64 code like the below:

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wB........">

The image immediatly appeared in the RTE, but when I saved & published the node, it took about 15 minutes to finish.

Then I tried to open that node, and the same time has been taken to to be loaded

Umbraco version

I am seeing this issue on Umbraco version: 8.4

Steps to reproduce

1- Create a new node with a RTE property 2- Insert an a base64 image inside the RTE 3- Save & publish

2019-12-24_18-37-17

Expected result

Saving & Publishing / Loading a node should be done quickly

Actual result

Long time to finish

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:16 (11 by maintainers)

github_iconTop GitHub Comments

3reactions
lars-erikcommented, Sep 29, 2020

A colleague just discovered this in a site under development that we haven’t got around to patch to 8.7 yet.
I just thought I’d stop by and share the following since y’all have been so nice and made it so I didn’t have to write up an issue. 😁👍
#H5YR

Now read this, whoever still thinks we should use Regex to parse HTML:
https://stackoverflow.com/a/1732454/937791

2reactions
saifobeidatcommented, Dec 24, 2019

I’ve noticed previously that if a base64 image is embedded in the RTE, it can cause random CPU spikes. This can cause websites to become unresponsive. I’m guessing it’s down to indexing. Once I identified this image was causing the problem, we removed it and the CPU spikes disappeared.

I’d recommend not adding base64 encoded images into the RTE editor for this reason, or making sure this issue is addressed too.

Yes, I wouldn’t add base64 images to my website, but I am migrating content form external DB, and it has a lot of records containing base64 images, so it’s not easy to remove those images.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Base64 image taking too much time to upload to server
I have used this feature in following way. Actually sending base-64 encoded image string is always faster than uploading file to server.
Read more >
Upload a base64 image data from NodeJs to AWS S3 Bucket
I write about code that works for me. Codes I've tried from the web seem to work for others but, surprisingly, not for...
Read more >
Grafana image panel app. Of course, there is the easy way to ...
How to reproduce it Run the grafana-image-renderer server with - node build/app. ... The Base64 Image/Video/Audio/PDF visualization panel is a plugin for ......
Read more >
Node js video converter. Draw each image to a Canvas ...
9. js script takes an array of images, loops through them to create video clip and prepares an a JSON payload. 0) for...
Read more >
Don't use Base64 encoded images on mobile.
The argument is that when loading many small images, the overhead of HTTP requests becomes a factor. Key to their approach is using...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found