When transforming and/or loading an SVG, does the DOM prefer 1 large file or multiple files? Does this make a difference at all?Improve INSERT-per-second performance of SQLite?Fast and responsive interactive charts/graphs: SVG, Canvas, other?Optimal settings for exporting SVGs for the web from Illustrator?SVG clear and fast using ios native pinch-to-zoom but not with 3d css transformsJavaScript Events on Parent of SVG ObjectLarge background image pan zoom and animate to coordinatesSVG-Pan-Zoom on DOM Object tag not workingCombating the load delay from loading an .svg file, or, how to store an svg in memory without displaying?SVG zoom with svg-pan-zoom.js performance issues in Mozilla FirefoxWhy does Safari render SVG patterns differently depending on zoom percentage?
How to deal with a Murder Hobo Paladin?
How to reclaim personal item I've lent to the office without burning bridges?
Why is there paternal, for fatherly, fraternal, for brotherly, but no similar word for sons?
I'm feeling like my character doesn't fit the campaign
Do intermediate subdomains need to exist?
Do grungs have a written language?
Machine Learning Golf: Multiplication
Did Stalin kill all Soviet officers involved in the Winter War?
Tiny URL creator
Passwordless authentication - how invalidate login code
What is the meaning of "prairie-dog" in this sentence?
Groups where no elements commute except for the trivial cases
Howto display unicode character u2026 in terminal mode in emacs
Wearing special clothes in public while in niddah- isn't this a lack of tznius?
When is one 'Ready' to make Original Contributions to Mathematics?
Computer name naming convention for security
Does the Milky Way orbit around anything?
How to say "just a precision" properly in English?
Is reasonable to assume that the 食 in 月食/日食 can be interpreted as the sun/moon being "eaten" during an eclipse?
How would a sea turtle end up on its back?
What's the difference between a type and a kind?
Is it acceptable that I plot a time-series figure with years increasing from right to left?
Why do most airliners have underwing engines, while business jets have rear-mounted engines?
Why does mean tend be more stable in different samples than median?
When transforming and/or loading an SVG, does the DOM prefer 1 large file or multiple files? Does this make a difference at all?
Improve INSERT-per-second performance of SQLite?Fast and responsive interactive charts/graphs: SVG, Canvas, other?Optimal settings for exporting SVGs for the web from Illustrator?SVG clear and fast using ios native pinch-to-zoom but not with 3d css transformsJavaScript Events on Parent of SVG ObjectLarge background image pan zoom and animate to coordinatesSVG-Pan-Zoom on DOM Object tag not workingCombating the load delay from loading an .svg file, or, how to store an svg in memory without displaying?SVG zoom with svg-pan-zoom.js performance issues in Mozilla FirefoxWhy does Safari render SVG patterns differently depending on zoom percentage?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I've created a scalable map made up of layers of svgs on a fixed canvas, with some files that animate or are clickable and others that are static, but there are considerable performance issues (slow load, lagging pan/zoom).
I know for a fact that the largest file (1.6mb) is the main cause of the issues because when it's removed everything runs smooth. Animations have also been ruled out.
This large file has been optimized as much as possible--I'm to the point where I can only start deleting details to make it smaller.
I'm curious to know if it would be beneficial to break apart the file into smaller chunks that will be resized/loaded individually as opposed to all at once (I assume).
I don't know if this would have an effect on transforming because the overall amount of data on the page would stay the same and I'm not sure how the DOM handles this process.
Any other suggestions?
jquery html dom svg optimization
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
add a comment |
I've created a scalable map made up of layers of svgs on a fixed canvas, with some files that animate or are clickable and others that are static, but there are considerable performance issues (slow load, lagging pan/zoom).
I know for a fact that the largest file (1.6mb) is the main cause of the issues because when it's removed everything runs smooth. Animations have also been ruled out.
This large file has been optimized as much as possible--I'm to the point where I can only start deleting details to make it smaller.
I'm curious to know if it would be beneficial to break apart the file into smaller chunks that will be resized/loaded individually as opposed to all at once (I assume).
I don't know if this would have an effect on transforming because the overall amount of data on the page would stay the same and I'm not sure how the DOM handles this process.
Any other suggestions?
jquery html dom svg optimization
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
add a comment |
I've created a scalable map made up of layers of svgs on a fixed canvas, with some files that animate or are clickable and others that are static, but there are considerable performance issues (slow load, lagging pan/zoom).
I know for a fact that the largest file (1.6mb) is the main cause of the issues because when it's removed everything runs smooth. Animations have also been ruled out.
This large file has been optimized as much as possible--I'm to the point where I can only start deleting details to make it smaller.
I'm curious to know if it would be beneficial to break apart the file into smaller chunks that will be resized/loaded individually as opposed to all at once (I assume).
I don't know if this would have an effect on transforming because the overall amount of data on the page would stay the same and I'm not sure how the DOM handles this process.
Any other suggestions?
jquery html dom svg optimization
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
I've created a scalable map made up of layers of svgs on a fixed canvas, with some files that animate or are clickable and others that are static, but there are considerable performance issues (slow load, lagging pan/zoom).
I know for a fact that the largest file (1.6mb) is the main cause of the issues because when it's removed everything runs smooth. Animations have also been ruled out.
This large file has been optimized as much as possible--I'm to the point where I can only start deleting details to make it smaller.
I'm curious to know if it would be beneficial to break apart the file into smaller chunks that will be resized/loaded individually as opposed to all at once (I assume).
I don't know if this would have an effect on transforming because the overall amount of data on the page would stay the same and I'm not sure how the DOM handles this process.
Any other suggestions?
jquery html dom svg optimization
jquery html dom svg optimization
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
asked Mar 25 at 20:23
AdamAdam
231 silver badge7 bronze badges
231 silver badge7 bronze badges
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55345842%2fwhen-transforming-and-or-loading-an-svg-does-the-dom-prefer-1-large-file-or-mul%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55345842%2fwhen-transforming-and-or-loading-an-svg-does-the-dom-prefer-1-large-file-or-mul%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
