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;








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?










share|improve this question




























    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?










    share|improve this question
























      0












      0








      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?










      share|improve this question














      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






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 25 at 20:23









      AdamAdam

      231 silver badge7 bronze badges




      231 silver badge7 bronze badges






















          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
          );



          );













          draft saved

          draft discarded


















          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.



















          draft saved

          draft discarded
















































          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.




          draft saved


          draft discarded














          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





















































          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







          Popular posts from this blog

          Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

          Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

          Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript