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

          Obelisk of Theodosius Contents History Description Notes Bibliography Further reading External links Navigation menuAge of spirituality : late antique and early Christian art, third to seventh centuryOver 60 picturesObelisks of the World41°00′21.24″N 28°58′31.43″E / 41.0059000°N 28.9753972°E / 41.0059000; 28.97539727724550-7235741376235741376

          밀양 대씨 역사 각주 함께 보기 둘러보기 메뉴밀양 대씨

          1973년 목차 사건 문화 탄생 사망 노벨상 달력 둘러보기 메뉴