One of my clients report slow loading of their landing page. They use ASP.NET MVC with Kendo UI. I did a quick check and noticed that the kendo.all.min.js is about 1.8MB and client says this is required. I am sure they do not use all of the kendo UI elements in the landing page. I have never used Keno before but only JQuery. Is there a way to minimize the kendo script file size further by not including everything and choose only the elements that are required and form the final JS (like cherry picking in JQuery?).
Thanks!
There's a tool for creating custom downloads at http://www.telerik.com/download/custom-download with an overview of picking what you need here
Related
Ok so lemme explain first for those who are not familiar
Rule number for using Telerik's Kendo UI is to reference the following in this order Jquery.min.js>Angular.min.js>Kendo.all.min.js
Here is the pseudo-code of my web application
in my parent.html:
-reference for jquery
-reference for angular
-reference for kendo
-ui-view container
this is my ui-view(child.html)
-initialize kendo grid
What happened is that the kendo widget was not rendered
Then I looked at the console of the browser and there was something like
"Jquery should be initialized first before angular when using Kendo-UI widgets"
I tried removing the ui-view and and just yolo-pasted the contents of the child.html and the grid widget successfully rendered
But when I use angular-ui-routing, the error appears again saying I should reference jquery first before referencing angular when using kendo widgets
You can only load jQuery once. I had a similar problem where I was calling it once from a shared view and once inside the main view. You have child views? My solution was to push the loading of the Javascript from the shared view to the main view, and also called them inside of the kendo tabStrips, because apparently those were sandboxed enough not to affect the main view. The second loading of jQuery is what's crushing the kendo rendering; figuring out the workaround depends on the relationships between the views.
I'm developping a jqm application with spring mobile in the back-end.
Whenever I hit the browser refresh button on my mobile phone the page is completely devastated afterwards. Browsers back-button works properly.
The data are still available due prg pattern (flashAttributes in Spring) after refresh. Only the view is malformed.
Any ideas how to solve this problem?
From jQuery Mobile docs :
The simplest approach when building a jQuery Mobile site is to reference the same set of stylesheets and scripts in the head of every page. If you need to load in specific scripts or styles for a particular page, we recommend binding logic to the pageinit event (details below) to run necessary code when a specific page is created (which can be determined by its id attribute, or a number of other ways). Following this approach will ensure that the code executes if the page is loaded directly or is pulled in and shown via Ajax
So what happens is - in jQuery Mobile, the scripts and styles defined in the head are loaded only once. So, in normal conditions, it works fine, as all the pages will use the scripts loaded from the first page.
But. When you refresh a page in-between, it triggers a page-reload instead of the ajax navigation model thatjqm uses. So all the scripts and styles loaded from the first page will not be included from here on out.
What you need to do is "reference the same set of stylesheets and scripts in the head of every page", so that even if you hit refresh in the middle, the scripts and styles that had been loaded from the head of the first page are loaded again.
I recommend you read the docs from the above link fully to gain a better understanding.
I'm new in kendo and search alot in net about quastion . have problem with my site loading performance . my big deal is using kendo.all, that I had to do because I use kendo chart and some widgets . so I should put kendo.web.js and kendo.dataviz.js with this arange :
<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/js/kendo.web.min.js"></script>
I could see chart but no data ...
therefore I had to use kendo.all while I'm using just 5 widgets and 2 charts or I don't need kendo mobile files.
please tell how can I seperate these specific thing . is it posible at all??
You can download the all the widget's separate JS file from this link.
Inside the JS folder specific widgets JS file is available.
I have also attached screenshot for more detail.
It might be possible that some of the JS file not available in trial version.
i have recently heard about the kendo ui ..and explore it deeply so that how it is beneficial for me ...what i come know is that they provide some package like
kendo ui for web
kendo ui for mobile
kendo ui dataviz
server side wrapper(for jsp, php, asp)
what's confusing me is that ..i have downloaded the kendo ui web package form the site and now it did'nt whether it will support my code written in jsp or i'll have to rewrite it in html...
please can anyone explain me can i use kendo ui web for developing site in jsp....!!
thanks in advance..
Kendo is a javascript framework. But it has server side wrappers for different server side languages. Here is the one for JSP:
http://www.kendoui.com/server-wrappers/jsp.aspx
I using Opencart CMS. I was apply Opencart version Mobile by using Jquery mobile.
All page working very well but Checkout page.
Jquery mobile working for the first load and no Modify. But when i choose "Modify" button and Submit it. The next page (Load via Ajax) will don't apply css and js.
I have tried using .page() , .trigger(create) methods ... and got nowhere.
Please help me!
I have the same problem with a multi-page template.
When I call $.mobile.changePage() the page loads just fine at first. On the second call the CSS is not loaded (or painted properly).