|
From: Joe S. <joe...@us...> - 2004-10-28 20:17:49
|
Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/fckeditor/_documentation In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv16237/phpslash-dev/public_html/scripts/fckeditor/_documentation Added Files: Performance.html fck_docs.css Log Message: added fckeditor to comment submittal. --- NEW FILE: Performance.html --- <!-- * FCKeditor - The text editor for internet * Copyright (C) 2003-2004 Frederico Caldeira Knabben * * Licensed under the terms of the GNU Lesser General Public License: * http://www.opensource.org/licenses/lgpl-license.php * * For further information visit: * http://www.fckeditor.net/ * * Version: 2.0 Beta 1 * Modified: 2004-05-28 18:25:58 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> </head> <body> <H1>Performance</H1> <P>End users who need to work with FCKeditor want the most short loading and response time from it. They want to start reading and editing the content quickly. This is a big problem for almost all on-line text editors. There are many files that have to be downloaded from the server to make the editor work:</P> <UL> <LI> The called page and all images and scripts not related to the editor. <LI> If using Javascript integration, the JS file with the scripts to create the editor <LI> The page that works as the editor area (it's loaded in a IFrame) <LI> All the JS files with the scripts for the editor engine (more than 10 for version 1.x) <LI> The language file <LI> The editor's skin files <LI> All images that are used as the toolbar buttons (every button has it's own image)</LI></UL> <P>All these calls generate a lot of work and traffic throw the client's browser and the server. And worth, as many files are called, even if small size, as much time to wait.</P> <P>Two solutions have been developed for version 2.0 to solve this problem: accurate loading order and scripts compression.</P> <H2>Loading Order</H2> <P>From version 2.0, the editor separe it's loading into steps:</P> <UL> <LI> The called page (that holds the editor) and the script to loaded the editor is loaded. <LI> The basic scripts to create the editor are loaded <LI> The editor's skin and language files are loaded <LI> The editor is created <LI> The content is loaded in the editor <LI> [ At this point the user can start reading and writing with some limitations (drag-and-drop is disabled - cut and paste are disabled - the toolbar is not yet available ] <LI> The editor's engine scripts are loaded <LI> The toolbar is created and shown to the user (even if the buttons images are not yet loaded) <LI> [ At this point the editor has all it's feature enabled ] <LI> The toolbar icons are loaded.</LI></UL> <H2>Scripts Compression</H2> <P>The editor's scripts (JS files) are now pre-processed before packing any new version. This are the processing steps:</P> <UL> <LI> Remove all comments from the code. <LI> Remove all unuseful blank spaces, tabs and carriage returns <LI> Merge the scripts in fewer files.</LI></UL> <P>With this process we can reduce the file sizes up to 50%. Another good think is that the editor code can now be fully commented (I avoid code commenting on version 1.x to reduce the files size).</P> <P>The original code will still be available in the package in a folder called "_source".</P> </body> </html> --- NEW FILE: fck_docs.css --- /* * FCKeditor - The text editor for internet * Copyright (C) 2003-2004 Frederico Caldeira Knabben * * Licensed under the terms of the GNU Lesser General Public License: * http://www.opensource.org/licenses/lgpl-license.php * * For further information visit: * http://www.fckeditor.net/ * * Version: 2.0 Beta 1 * Modified: 2004-05-28 18:27:57 */ body { font-size: 1em; font-family: 'Times New Roman'; } p { margin-left: 20px; } code { padding-right: 10px; display: block; padding-left: 10px; padding-bottom: 5px; margin: 10px 20px; padding-top: 5px; background-color: #dcdcdc; } .classPropMeth { margin-top: 10px; font-weight: bold; font-size: 0.8em; margin-left: 0px; font-family: 'Courier New' , Monospace; } .paramsDefinition { margin-left: 20px; } .classDefinition * { margin-top: 0px; margin-bottom: 0px; } |
