Hello,
I have a ASP.NET Master page set up, with RadScriptManager as follows:
On running the Google PageSpeed tool, I get the recommendation to "Defer parsing of javascript during initial page load".
1.2MiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
What is the recommended way to accomplish this? Techniques shown in other sites seem to involve dynamically creating a script element when the page has loaded etc. But how do I do this with the script manager?
Thanks in advance,
I have a ASP.NET Master page set up, with RadScriptManager as follows:
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" OnAsyncPostBackError="RadScriptManager1_AsyncPostBackError" AsyncPostBackTimeout="180" CompositeScript-ScriptMode="Release" OutputCompression="AutoDetect" CdnSettings-TelerikCdn="Enabled" ScriptMode="Release"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> <asp:ScriptReference Assembly="System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Name="MicrosoftAjax.js" Path="https://ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js" /> </Scripts> </telerik:RadScriptManager>
On running the Google PageSpeed tool, I get the recommendation to "Defer parsing of javascript during initial page load".
1.2MiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadGridScripts.js (296.5KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadMenuScripts.js (87.6KiB)
- https://ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js (87.5KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../jQuery.js (83.0KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadTreeViewScripts.js (82.8KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadWindowScripts.js (62.6KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadSplitterScripts.js (61.1KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadTabStripScripts.js (46.1KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadPanelBarScripts.js (45.3KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../Core.js (41.6KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadToolTip.js (40.1KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../NavigationScripts.js (33.7KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadFormDecorator.js (31.5KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../Ajax.js (28.7KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../PopupScripts.js (25.3KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../AnimationScripts.js (12.3KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadWindowManager.js (9.4KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../TouchScrollExtender.js (7.8KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../jQueryPlugins.js (6.2KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadMultiPageScripts.js (5.7KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../OData.js (3.3KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../ScrollingScripts.js (3.3KiB)
- https://d2i2wahzwrm1n5.cloudfront.net/.../RadSiteMap.js (450B)
- https://d2i2wahzwrm1n5.cloudfront.net/.../jQueryInclude.js (102B)
- ... some of my own scripts
What is the recommended way to accomplish this? Techniques shown in other sites seem to involve dynamically creating a script element when the page has loaded etc. But how do I do this with the script manager?
Thanks in advance,