https://docs-old.ckeditor.com/index.php?action=history&feed=atom&title=FCKeditor_3.x%2FDesign_and_Architecture%2FPerformance 2026-05-17T19:40:32Z Revision history for this page on the wiki MediaWiki 1.29.1 https://docs-old.ckeditor.com/index.php?title=FCKeditor_3.x/Design_and_Architecture/Performance&diff=2007&oldid=prev 2008-02-04T23:05:53Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 23:05, 4 February 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Performance </del>in V3 has many different faces. It impacts in several aspects that end up by giving our end users a smooth and pleasant experience.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">__NOTOC__Performance </ins>in V3 has many different faces. It impacts in several aspects that end up by giving our end users a smooth and pleasant experience.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Here we are naming some of the performance aspects to consider. But, it is always important to properly weight things well, to not abuse on performance enhancements.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Here we are naming some of the performance aspects to consider. But, it is always important to properly weight things well, to not abuse on performance enhancements.</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l9" >Line 9:</td> <td colspan="2" class="diff-lineno">Line 9:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>While developing, profiling the code must be part of our everyday work. Optimization points must be constantly identified, and performance fixes applied to the code, to enhance its execution time and reduce the number of calls. This is a win win solution.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>While developing, profiling the code must be part of our everyday work. Optimization points must be constantly identified, and performance fixes applied to the code, to enhance its execution time and reduce the number of calls. This is a win win solution.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[<del class="diffchange diffchange-inline">FCKeditor_3</del>.x/<del class="diffchange diffchange-inline">Design_and_Architecture</del>/<del class="diffchange diffchange-inline">Development_Methodology</del>#KISS|KISS]]: less code performs better, usually.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[<ins class="diffchange diffchange-inline">FCKeditor 3</ins>.x/<ins class="diffchange diffchange-inline">Design and Architecture</ins>/<ins class="diffchange diffchange-inline">Development Methodology</ins>#KISS|KISS]]: less code performs better, usually.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Fast Download ==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Fast Download ==</div></td></tr> <!-- diff cache key ckeditor_docsold:diff:version:1.11a:oldid:1934:newid:2007 --> </table>

Fredck https://docs-old.ckeditor.com/index.php?title=FCKeditor_3.x/Design_and_Architecture/Performance&diff=1934&oldid=prev 2008-01-23T21:36:37Z

<p>New page: Performance in V3 has many different faces. It impacts in several aspects that end up by giving our end users a smooth and pleasant experience. Here we are naming some of the performance ...</p> <p><b>New page</b></p><div>Performance in V3 has many different faces. It impacts in several aspects that end up by giving our end users a smooth and pleasant experience.<br /> <br /> Here we are naming some of the performance aspects to consider. But, it is always important to properly weight things well, to not abuse on performance enhancements.<br /> <br /> == Fast Code Execution ==<br /> <br /> JavaScript and DOM targeted development are synonymous of &quot;bad performance&quot;, when compared with other development technologies. For the development of V3 we must be &quot;performance maniacs&quot; to compensate the language and platform limits, bringing a better user experience.<br /> <br /> While developing, profiling the code must be part of our everyday work. Optimization points must be constantly identified, and performance fixes applied to the code, to enhance its execution time and reduce the number of calls. This is a win win solution.<br /> <br /> [[FCKeditor_3.x/Design_and_Architecture/Development_Methodology#KISS|KISS]]: less code performs better, usually.<br /> <br /> == Fast Download ==<br /> <br /> Our project is quite complex. This complexity results in an also complex and huge code base. No only, V3 is a user interface component, and therefore it includes typical UI elements, like images and dialogs.<br /> <br /> Our goal is putting all the necessary things needed to run V3 together, and deliver it in the minimum amount of time, reducing download sizes and the number of requests to the server.<br /> <br /> We'll be constantly researching code minification and design strategies that can help us bringing the best results in this area.<br /> <br /> == Fast Startup ==<br /> <br /> Fast download reflects on faster startup. But also our code, and the design of V3 must consider the startup speed as a key thing to make our users satisfied. This is the thing that brings the real &quot;lightweight&quot; sensation to V3.<br /> <br /> == Fast DOM ==<br /> <br /> When introducing DOM elements to a document, specific performance strategies must be considered. Some elements perform better than others. A simpler DOM structure also performs better. The proper usage of CSS techniques can help making things simpler and faster, while providing a design rich user interface.<br /> <br /> &lt;br&gt;</div>

Fredck