This is a migrated thread and some comments may be shown as answers.

Loading performance issue

6 Answers 133 Views
This is a migrated thread and some comments may be shown as answers.
Eric
Top achievements
Rank 1
Eric asked on 23 Jan 2018, 02:59 PM

Hi,

I'm using Telerik UI for in a .Net Core 2.0 application in order to display multiple rich text editors in the same page, to achieve this, I'm using multiple Kendo UI Editors.

When the page is loading, it takes over 20 seconds to load kendo.all.min.js.map and kendo.aspnetmvc.min.js.map.

The page holds 20 Kendo UI Editors, each one is .Deferred() and loaded after kendo ui scripts are loaded at the end of the page.

Furthermore, css and scripts are stored in local and not taken throught CDN Service (tried also loading from CDN Service but it has the same loading issue).

I have to run application inside IE11 and console doesn't show any script error.

Do you have any suggestion about this?

Thank you in advance!

6 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 26 Jan 2018, 02:32 PM
Hello Eric,

I have tested the described scenario at my end, but I was unable to replicate the delay. 

In the attachment you can find the sample project that was used for local tests purposes. Could you try it at your end and let me know the result. In addition, make sure to use the Deferred option last in the implementation for the widgets, as described below:

https://docs.telerik.com/aspnet-core/known-issues#common-issues

Regards,
Nencho
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Eric
Top achievements
Rank 1
answered on 30 Jan 2018, 08:41 AM

Hi Nencho,

thanky you for your replay.

 

I took your given example and I try to run it.

With CDN retrieve it takes 30 seconds to load, by changing and loading files the from local, it takes around 15 seconds.

 

Seems like the problem is mainly with kendo.all.min.js.map, because is that one that takes a lot, kendo.aspnetmvc.min.js.map rarely takes much time (usually under 0.5 seconds), maybe his time is due to the long loading of kendo.all.min.js.map. Furthermore, from previous screenshot you can see that kendo.aspnetmvc.min.js.map  request time is long as response time of  kendo.all.min.js.map.

 

In my application I've done the Deferring as described in documentation.

After accessing the page, the html is rendered but Editors are not correctly rendered, only after kendo.all.min.js.map they work.

My page load partial views which contain the Editor, by passing some parameters, here's the definition of partial view:

@removeTagHelper "*, Microsoft.AspNet.Mvc.Razor"
@removeTagHelper "*, Microsoft.AspNetCore.Mvc.Razor"

@(Html.Kendo().Editor()
.Name(Model.Name)
.HtmlAttributes(new { style = "width: 100%; height:300px;", name = Model.TextAreaName })
.Resizable(resizable => resizable.Content(true))
.ImageBrowser(imageBrowser => imageBrowser
.Image("~/Content/UserFiles/Images/{0}")
.Read("Read", "ImageBrowser")
.Create("Create", "ImageBrowser")
.Destroy("Destroy", "ImageBrowser")
.Upload("Upload", "ImageBrowser")
.Thumbnail("Thumbnail", "ImageBrowser")
)
.FileBrowser(fileBrowser => fileBrowser
.File("~/Content/UserFiles/Images/{0}")
.Read("Read", "FileBrowser")
.Create("Create", "FileBrowser")
.Destroy("Destroy", "FileBrowser")
.Upload("Upload", "FileBrowser")
)
.Pdf(pdf => pdf
.Margin(20, 20, 20, 20)
.PaperSize("A4")
.ProxyURL(Url.Action("Pdf_Export_Save", "Editor"))
)
.Tools(tools => tools
.Clear()
.Bold().Italic().Underline().Strikethrough()
.JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
.InsertUnorderedList().InsertOrderedList()
.Outdent().Indent()
.CreateLink().Unlink()
.InsertImage()
//.InsertFile()
//.SubScript()
//.SuperScript()
.TableEditing()
.ViewHtml()
//.Formatting()
.CleanFormatting()
.FontName()
.FontSize()
.ForeColor()
.BackColor()
//.Pdf()
//.Print()
//.Snippets(snippets => snippets
// .Add("Signature", "<p>Regards,<br /> John Doe,<br /><a href='mailto:john.doe@example.com'>john.doe@example.com</a></p>")
// .Add("Kendo online demos", " <a href='http://demos.telerik.com/kendo-ui'>Kendo online demos</a> ")
//)
)
.Value(@<text>@System.Net.WebUtility.HtmlDecode(Model.Value == null ? "" : Model.Value)</text>)
.Deferred()
)

 

Do you have more suggestions?

Best regards

 

0
Nencho
Telerik team
answered on 02 Feb 2018, 07:33 AM
Hello Eric,

Would it be possible to modify the previously provided sample application with the exact implementation that you have at your end, so we could locally revise it and make sure that we are on the same page? Also, you can submit a support ticket, in order to attach the requested modified example.

This way, we could pin down the exact reason for the slow performance and suggest the proper implementation. 

Regards,
Nencho
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Eric
Top achievements
Rank 1
answered on 13 Feb 2018, 09:59 AM

Hello Nencho,

before proceeding by posting my implementation, may I ask you how much it takes at your side to load those files with CDN or by local?
Because taking your example and running it, with CDN retrieve it takes 30 seconds to load, by changing and loading files the from local, it takes around 15 seconds.

Maybe I'm not using the correct kendo-ui resource folder while loading locally, and for CDN retrieve, I got something on the network that slow the loading.

Thank you and regards

 

0
Eric
Top achievements
Rank 1
answered on 13 Feb 2018, 09:59 AM

Hello Nencho,

before proceeding by posting my implementation, may I ask you how much it takes at your side to load those files with CDN or by local?
Because taking your example and running it, with CDN retrieve it takes 30 seconds to load, by changing and loading files the from local, it takes around 15 seconds.

Maybe I'm not using the correct kendo-ui resource folder while loading locally, and for CDN retrieve, I got something on the network that slow the loading.

Thank you and regards

 

0
Dimitar
Telerik team
answered on 16 Feb 2018, 07:09 AM
Hello Eric,

On the following screencast can be observed the loading time for each resource when using CDN references. The loading time for local resources is almost identical (a bit lower). 

As my colleague Nencho suggested, I would also recommend you to open a separate support ticket, where the modified project can be attached. We will then be able to troubleshoot it locally and advise you further.

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Asked by
Eric
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Eric
Top achievements
Rank 1
Dimitar
Telerik team
Share this question
or