ckeditor taking time to load in asp .net mvc 4

I am using Ckeditor for edit and insert data into mssql database in mvc 4 c#.

While editing data if any content just like images and contents(if content are more) then it will takes too much time to load the edit page..what should i do??

how to solve these problem???

Here is my code(Edit.cshtml):

Description :
"padding-left: 3%;padding-bottom: 5px;">
@*@Html.TextAreaFor(model => model.Description, new { @class = "ckeditor", @id = "editor1" })
@Html.ValidationMessageFor(model => model.Description)*@
"editor1" class="ckeditor">@Model.Content
@*@Html.TextAreaFor(model => model.Content, new { @class = "ckeditor", @id = "editor1" })*@
"text/javascript">
CKEDITOR.replace('editor1', {
filebrowserImageBrowseUrl: '/AdminBlog/uploadPartial',
filebrowserImageUploadUrl: '/AdminBlog/uploadnow'
});
function updateValue(id, value) {
// this gets called from the popup window and updates the field with a new value
document.getElementById(id).value = value;
}
"errorContent" style="color: Red;">

As the data increases the time required to process and render the data also increases. Since you are mentioning that you are passing the images too, then of course it must download and render all of those images first. Here are my suggestions:

Do not load the data as the page loads. Which means, that you should consider loading the data after the page has loaded. Show a "loading" message to the users and then load the data.
Increase the bandwidth and other settings for your application; if the problem occurs on the development machine then expect the problem and bug to be huge on the hosting environment.

In such cases, my own recommendation is to go with the first option to not load the resource initially. Let the HTML content load first, and once that has been loaded, then load the data,

functionloadData(){
//CodetoloadtheWYSIWYGeditor
}
"loadData()">

This way, you would be able to load the content first and once the HTML document is loaded, you will be able to later show the WYSIWYG content and that won't hang your page or cause a trouble loading the page. You can also show that your content is loading, and the user must wait a while.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Afzaal Ahmad Zeeshan10y ago
As the data increases the time required to process and render the data also increases. Since you are mentioning that you are passing the images too, then of course it must download and render all of those images first. Here are my suggestions:
Do not load the data as the page loads. Which means, that you should consider loading the data after the page has loaded. Show a "loading" message to the users and then load the data.
Increase the bandwidth and other settings for your application; if the problem occurs on the development machine then expect the problem and bug to be huge on the hosting environment.
In such cases, my own recommendation is to go with the first option to not load the resource initially. Let the HTML content load first, and once that has been loaded, then load the data,
functionloadData(){
//CodetoloadtheWYSIWYGeditor
}
"loadData()">
This way, you would be able to load the content first and once the HTML document is loaded, you will be able to later show the WYSIWYG content and that won't hang your page or cause a trouble loading the page. You can also show that your content is loading, and the user must wait a while.