Hi,
I love to work with Neos. Most of the time it is a great pleasure to create or change websites and content.
But on my current Site I have problem with Neos. The system is slowing down more and more.
The site is creating a table in the frontend, and I’m really happy about:
- in the frontend all is really fast and layouted like it have to!
.
But in the Backend, if I change something and press «Apply», Neos needs a lot of time! More then 30 seconds!
I create a nodeType to define checked or crossed icons with SVG. All the other stuff is only «text» and «headlines» very occasionally a «picture».
I guess it is the nesting of the elements the Neos proposes in the neck. Because the site also uses a lot of foundation f6 grid. No problem on all the other websites with same grid nodetypes and also with a lot of f6 grids. And absolutely no problem in Frontend with this site.
But with more and more little stuff, the site is slow down more and more in editor-mode.
###Maybe someone has the same behavior/problem and knows a simple and easy solution to speed up the backend? Would be great.
- Possibly there is a way to cache some elements or to hide others or to set some options in the js-script.
- Or knows someone a good and speedup solution for a lot of small data-pieces fit in gridSystem?
No matter which web browser I use, average load-time is quite similar.
Also I guess, there are not too many elements in the typo3_typo3cr_domain_model_nodedata: Only 728 records.
Maybe the ContentModule-built.js Script or it’s called children-scripts
is the brakeman, because of Chrome’s Timeline:
same in Firefox:
I guess, the source-code as it own is not really messy. It should be easy to render it. But maybe it is the amount of code-lines:
<div class="row near up-close">
<div class="columns">
<dl class="smarter-description first-level" id="">
<input type="checkbox" id="m96b9fde6-f9c6-43d9-bc80-ecc921fdb3ba" checked="">
<dt><label for="m96b9fde6-f9c6-43d9-bc80-ecc921fdb3ba">Fringilla</label></dt>
<dd>
<dl class="smarter-description" id="">
<input type="checkbox" id="m851b598e-eea9-4653-8fb0-a9c0a25e6834">
<dt><label for="m851b598e-eea9-4653-8fb0-a9c0a25e6834">
<div class="row near">
<div class="columns small-12 large-p24">
<p>Sollicitudin Nibh</p>
</div>
<div class="columns small-3 large-p19">
<p>225</p>
</div>
<div class="columns small-3 large-p19">
<p>112</p>
</div>
<div class="columns small-3 large-p19">
<p>531</p>
</div>
<div class="columns small-3 large-p19">
<p>222</p>
</div>
</div>
</label></dt>
<dd>
<div class="row near up-close">
<div class="columns small-12 medium-8 large-6 medium-centered large-centered">
<h2>Egestas Mattis Sem Aenean</h2>
<p>Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</dd>
<input type="checkbox" id="mff137646-5a42-48db-a7d7-ac364bebb71e">
<dt><label for="mff137646-5a42-48db-a7d7-ac364bebb71e">
<div class="row near">
<div class="columns small-12 large-p24">
<p>Risus Amet</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>19</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>632</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>548</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>71</p>
</div>
</div>
</label></dt>
<dd>
<div class="row near up-close">
<div class="columns small-12 medium-8 large-6 medium-centered large-centered">
<h2>Bibendum Magna</h2>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum.</p>
</div>
</div>
</dd>
<input type="checkbox" id="mc727eba5-f03e-4337-8282-c195645f0af6">
<dt><label for="mc727eba5-f03e-4337-8282-c195645f0af6">
<div class="row near">
<div class="columns small-12 large-p24">
<p>Etiam Purus Fringilla</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>Amet-Egestas</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>Pellentesque-Ornare</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>Risus Porta</p>
</div>
<div class="columns small-3 large-p19">
<p></p>
<p>Ligula-Nullam</p>
</div>
</div>
</label></dt>
<dd>
<div class="row near up-close">
<div class="columns small-12 medium-8 large-6 medium-centered large-centered">
<h2>Ipsum Magna Pellentesque Purus</h2>
<p>Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta
gravida at eget metus.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</dd>
<input type="checkbox" id="m7ec8ce8b-989f-4f76-9834-7acd42417a53">
<dt><label for="m7ec8ce8b-989f-4f76-9834-7acd42417a53">
<div class="row near">
<div class="columns small-12 large-p24">
<p>Ultricies</p>
</div>
<div class="columns small-3 large-p19">
<span class="icon-wrapper"><svg class="icon"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="//localhost:3000/_Resources/Static/Packages/Vendor.Site/Images/sprite.svg#ja"></use></svg></span>
</div>
<div class="columns small-3 large-p19">
<span class="icon-wrapper"><svg class="icon"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="//localhost:3000/_Resources/Static/Packages/Vendor.Site/Images/sprite.svg#ja"></use></svg></span>
</div>
<div class="columns small-3 large-p19">
<span class="icon-wrapper"><svg class="icon"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="//localhost:3000/_Resources/Static/Packages/Vendor.Site/Images/sprite.svg#ja"></use></svg></span>
</div>
<div class="columns small-3 large-p19">
<span class="icon-wrapper"><svg class="icon"><use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="//localhost:3000/_Resources/Static/Packages/Vendor.Site/Images/sprite.svg#ja"></use></svg></span>
</div>
</div>
</label></dt>
<dd>
<div class="row near up-close">
<div class="columns small-12 medium-8 large-6 medium-centered large-centered">
<h2>Condimentum Ornare Cras</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
</div>
</dd>
<!-- 1000-lines more like above -->
<!-- ... -->
<!-- ... -->
</dl>
</dd>
</dl>
</div>
</div>
Would be great if someone could get me to the right direction.
Thanks and cheerio Martin