Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,365,468
Community Members
 
Community Events
168
Community Groups

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

Edited
钟路强 I'm New Here Aug 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

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

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
SERVER
TAGS

Atlassian Community Events