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
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
Rank 1
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
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
Rank 1
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
Rank 1
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
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