Embed draw.io diagram as SVG to speed up loading time and keep hyperlinks still clickable

钟路强
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
August 13, 2022

Dear draw.io developers,

Hi, I have created sverval big diagrams with draw.io, which includes my website's knowledge map, all in all, this app is very handy.

The only thing that makes me frustrated is that the page's initial loading time is too slow. I'm running Confluence Server in a 2C8G dedicated server with 3M bandwith, for a page that includes draw.io diagrams, it usually takes up to 15s to finish the initial loading.

I know one can enable the "simple viewer" option to embed diagrams as PNGs, thus speed up the loading, but I want to keep the diagrams clickable, so visitors can navigate  by clicking the diagrams.

By a little inspection into the code I found draw.io referenced a JavaScript file called "stencils.min.js", and this JavaScript file is sized 5.6MB, no doubt it slows down the load progress.

I assume this JS file is very important for draw.io to function well and can't be removed, here is my question: Can we embed draw.io diagrams as SVGs? This is the best way to retain interaction of a diagram meanwhile keeps its size considerably small and get rid of all the dependencies. Since draw.io support exporting diagram as SVG, I believe it's achievable too.

It would be very nice if you guys can adopt this solution, looking forward to hearing from you soon. 

 

 

 

1 answer

0 votes
Marija Radovic
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
August 15, 2022

Hi,

Since we already replied to the ticket you submitted to the drawio service desk, we'll continue investigating possible solutions there.

Kind regards,

Marija

Michael Michael December 19, 2022

We're also suffering from slow load/rendering of the diagrams and very interested in having embedded SVGs. Would appreciate an update here, or a link to a ticket where we can follow progress.

Like Stefanie Plasch likes this

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
SERVER
TAGS
AUG Leaders

Atlassian Community Events