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

How to compress Jscript

6 Answers 102 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Azeheruddin khan
Top achievements
Rank 1
Azeheruddin khan asked on 18 May 2010, 06:10 AM
Dear All,

Plzs help me for compressing MicrosoftAjax,RadSplitterScripts and RadWindow. I compressed Telerik.Web.UI.WebResource from 129kb to 32 kb but at the same time it is creating Jscript files  MicrosoftAjax,RadSplitterScripts and RadWindow etc and taking more space.How to increase speed of my  application for 128 kbps.In my application menu data,tab data is coming from database..plzs help me.....


<?xml version="1.0"?>
<configuration>
  <configSections>
    <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
      <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
        <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
        <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
          <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="Everywhere"/>
          <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
          <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
          <section name="roleService" type="System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
        </sectionGroup>
      </sectionGroup>
    </sectionGroup>

    <sectionGroup name="telerik.web.ui">
      <section name="radCompression" type="Telerik.Web.UI.RadCompressionConfigurationSection, Telerik.Web.UI, PublicKeyToken=121fae78165ba3d4" allowDefinition="MachineToApplication" requirePermission="false"/>
    </sectionGroup>

  </configSections>
  <appSettings>

    <add key="Telerik.Skin" value="Web20"/>
    <add key="dbtel_person_Images" value="picture_library/dbtel"/>
    <add key="school_person_Images" value="picture_library/school"/>
    <add key="PersonImageArea" value="100x130"/>

    <add key="Telerik.ScriptManager.TelerikCdn" value="Enabled" />
    <add key="Telerik.StyleSheetManager.TelerikCdn" value="Enabled" />
  </appSettings>
  <connectionStrings> 
    

  </connectionStrings>

  <telerik.web.ui>
    <radCompression enablePostbackCompression="true"/>
  </telerik.web.ui>

  <system.web>
    <!-- 
            Set compilation debug="true" to insert debugging 
            symbols into the compiled page. Because this 
            affects performance, set this value to true only 
            during development.
        -->
    <compilation debug="true">
      <assemblies>
        <add assembly="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
        <add assembly="System.Data.DataSetExtensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
        <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
        <add assembly="System.Xml.Linq, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
        <add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>
        <add assembly="System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
        <add assembly="Telerik.Web.UI, Version=2009.3.1314.35, Culture=neutral, PublicKeyToken=121FAE78165BA3D4"/>

        <add assembly="Telerik.ReportViewer.WebForms, Version=4.0.10.310, Culture=neutral, PublicKeyToken=a9d7983dfcc261be"/>

        <add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      </assemblies>

    </compilation>
    <!--
            The <authentication> section enables configuration 
            of the security authentication mode used by 
            ASP.NET to identify an incoming user. 
        -->
    <authentication mode="Windows"/>
    <!--
            The <customErrors> section enables configuration 
            of what to do if/when an unhandled error occurs 
            during the execution of a request. Specifically, 
            it enables developers to configure html error pages 
            to be displayed in place of a error stack trace.

        <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">
            <error statusCode="403" redirect="NoAccess.htm" />
            <error statusCode="404" redirect="FileNotFound.htm" />
        </customErrors>
        -->
    <pages>
      <controls>
        <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
        <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      </controls>
    </pages>
    <httpHandlers>
      <remove verb="*" path="*.asmx"/>
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false"/>
      <add type="Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms, Version=4.0.10.310, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" path="Telerik.ReportViewer.axd" verb="*"/>
      <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false"/>

      <add verb="*" path="*js.axd" type="JavaScriptHandler"/>
      <add verb="*" path="*script.js" type="JavaScriptHandler"/>

    </httpHandlers>
    <httpModules>
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <!--20100513-->
      <add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>
      <!--20100513-->
      


    </httpModules>
  </system.web>
  <system.codedom>
    <compilers>
      <compiler language="c#;cs;csharp" extension=".cs" warningLevel="4" type="Microsoft.CSharp.CSharpCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089">
        <providerOption name="CompilerVersion" value="v3.5"/>
        <providerOption name="WarnAsError" value="false"/>
      </compiler>
    </compilers>
  </system.codedom>
  <!-- 
        The system.webServer section is required for running ASP.NET AJAX under Internet
        Information Services 7.0.  It is not necessary for previous version of IIS.
    -->
  <system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules>

      <add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>



      <remove name="ScriptModule"/>
      <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    </modules>
    <handlers>
      <remove name="WebServiceHandlerFactory-Integrated"/>
      <remove name="ScriptHandlerFactory"/>
      <remove name="ScriptHandlerFactoryAppServices"/>
      <remove name="ScriptResource"/>
      <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>

      <add name="Telerik.ReportViewer.axd_*" type="Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms, Version=4.0.10.310, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" path="Telerik.ReportViewer.axd" verb="*" preCondition="integratedMode,runtimeVersionv2.0"/>
      <!--<add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI"/>-->


    </handlers>
  </system.webServer>
  <runtime>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
      <dependentAssembly>
        <assemblyIdentity name="System.Web.Extensions" publicKeyToken="31bf3856ad364e35"/>
        <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/>
      </dependentAssembly>
      <dependentAssembly>
        <assemblyIdentity name="System.Web.Extensions.Design" publicKeyToken="31bf3856ad364e35"/>
        <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/>
      </dependentAssembly>
    </assemblyBinding>
  </runtime>
  <!--<system.web.extensions>
    <scripting>
      <scriptResourceHandler enableCompression="true" enableCaching="true"/>
    </scripting>
  </system.web.extensions>-->
  
  <system.web.extensions>
    <scripting>
      <webServices>
        <!-- Uncomment this line to customize maxJsonLength and add a custom converter -->
        <!--
      <jsonSerialization maxJsonLength="500">
        <converters>
          <add name="ConvertMe" type="Acme.SubAcme.ConvertMeTypeConverter"/>
        </converters>
      </jsonSerialization>
      -->
        <!-- Uncomment this line to enable the authentication service. Include requireSSL="true" if appropriate. -->
        <!--
        <authenticationService enabled="true" requireSSL = "true|false"/>
      -->

        <!-- Uncomment these lines to enable the profile service. To allow profile properties to be retrieved
           and modified in ASP.NET AJAX applications, you need to add each property name to the readAccessProperties and
           writeAccessProperties attributes. -->
        <!--
      <profileService enabled="true"
                      readAccessProperties="propertyname1,propertyname2"
                      writeAccessProperties="propertyname1,propertyname2" />
      -->
      </webServices>
      <!--
      <scriptResourceHandler enableCompression="true" enableCaching="true" />
      -->
    </scripting>
  </system.web.extensions>
</configuration>



master page....................
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Default.master.cs" Inherits="TelerikComponentsWS.Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
  <link rel="Stylesheet" href="css/styles.css" type="text/css" />
    <%--<asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>--%>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" ScriptMode = "Release"> 
    <CdnSettings TelerikCdn="Enabled" /> 
        <Scripts> 
            <asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Name="MicrosoftAjax.js" Path="http://ajax.microsoft.com/ajax/3.5/MicrosoftAjax.js" /> 
        </Scripts> 
    </telerik:RadScriptManager>
    <div style="height: 100%;" id="splitterContainer">
        <telerik:RadAjaxManager ID="radAjMan" runat="server" UpdatePanelsRenderMode="Inline"
            DefaultLoadingPanelID="logPan">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="horMenu">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="leftMenu" />
                        <telerik:AjaxUpdatedControl ControlID="horMenu" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
       <%-- <telerik:radformdecorator id="RadFormDecorator2" DecoratedControls="all" runat="server" decorationzoneid="ZoneID2"
            skin="Web20" ControlsToSkip="Select" >
        </telerik:radformdecorator>
         <telerik:radformdecorator id="RadFormDecorator1" DecoratedControls="all" runat="server" decorationzoneid="ZoneID3"
            skin="Web20" ControlsToSkip="Select" >
        </telerik:radformdecorator>--%>
        <telerik:RadWindowManager ID="radWin" runat="server" >
            <Windows>
                <telerik:RadWindow ID="defFacWnd" OffsetElementID='<%#lnk_def_facility.ClientID%>'
                    OpenerElementID='<%#lnk_def_facility.ClientID%>' NavigateUrl="~/User/DefFacility.aspx"
                    OnClientClose="onDefFacClose" runat="server">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
        <telerik:RadFormDecorator ID="rad_decorator" runat="server" DecoratedControls="all" ControlsToSkip="Select">
        </telerik:RadFormDecorator>
        <telerik:RadSplitter ID="contentSplitter" runat="server" Height="100%" Width="100%"
           VisibleDuringInit="false" OnClientLoaded="initSplitter" >
            <telerik:RadPane ID="navigationPane" runat="server" Width="190" >
                <div style="margin: 5px;">
                 <br/>
                    <asp:Image ID="Image2" runat="server" ImageUrl="~/img/company_logo.jpg" />
                    
                   
                    <br />
                    <asp:LinkButton ID="lnk_def_facility" runat="server"></asp:LinkButton>
                </div>
                <telerik:RadPanelBar ID="leftMenu" runat="server" Width="180px" >
                </telerik:RadPanelBar>
                 <br/>
                 <br/>
                  <br/>
                 
                <div >
                <asp:Button runat="server" ID="btn_logout" Text="Logout" onclick="btn_logout_Click" />  
                </div>
            </telerik:RadPane>
            <telerik:RadSplitBar ID="splitter" runat="server" CollapseMode="Forward"  />
            <telerik:RadPane ID="contentPane" runat="server" MinWidth="400">
                <div style="margin: 5px;">
                  <div id="ZoneID4" style="right: auto">
                <fieldset width="100%" style="border-style: none; padding-right: inherit;"  align="right">
                    <asp:Image ID="Image1" runat="server" 
                        ImageUrl="~/img/studentdatasuite_header.jpg" /> 
                    </fieldset>
                    </div>
                    <telerik:RadTabStrip ID="horMenu" runat="server" SelectedIndex="0" DataFieldID="module_id" >
                        <DataBindings>
                            <telerik:RadTabBinding TextField="module" ValueField="module_id" />
                        </DataBindings>
                    </telerik:RadTabStrip>
                   
                </div>
                <div style="margin: 5px;">
                    <h2>
                        <asp:Literal runat="server" ID="ltTitle"></asp:Literal></h2>
                    <asp:ContentPlaceHolder ID="centerContent" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
                <div id="ZoneID3" style="right: auto">
                <fieldset width="100%" style="border-style: none; padding-right: inherit;"  align="center">
                    <p> © 2009 Sama IT Group. All rights reserved.
<a target="_self" title="Home" href="http://www.samaitgroup.com/">Home</a> 
<a target="_self" title="Products" href="http://www.samaitgroup.com/products.html">Products</a> 
<a target="_self" title="Aboutus" href="http://www.samaitgroup.com/aboutus.html">Aboutus</a>
<a target="_self" title="Support" href="http://www.samaitgroup.com/support.html">Support</a>
<a target="_self" title="Contacts" href="http://www.samaitgroup.com/contactus.html">Contacts</a>
         </p>
                    </fieldset>
                    </div>
                 
            </telerik:RadPane>
        </telerik:RadSplitter>
      
        <%--<telerik:RadAjaxLoadingPanel ID="logPan" runat="server" IsSticky="true" Transparency="30"
            Style="position: absolute; top: 0; left: 0; line-height: 60px; text-align: center;
            z-index: 99;" Width="100%" Height="100%" BackColor="#B9CDF7">
            <asp:Image ID="img" runat="server" Width="130px" Height="60px" ImageUrl="~/img/loading.gif"
                Style="border: 0; margin-top: 70px;"></asp:Image>
        </telerik:RadAjaxLoadingPanel>--%>
     
    </div>

    <script type="text/javascript">
        function onDefFacClose(oWnd) {            //get the transferred arguments
            var arg = oWnd.argument;
            if (arg) {
                var facName = arg.facName;
                $get(oWnd.get_openerElementID()).innerHTML = facName;
            }
        }
        function initSplitter(sender, args)  
        {         
            sender.get_element().style.visibility = 'inherit';  
        }  
 
    </script>

    </form>
</body>
</html>

6 Answers, 1 is accepted

Sort by
0
Lini
Telerik team
answered on 18 May 2010, 11:11 AM
Hi,

Set <compilation debug="false"> in your web.config. Currently it is set to true and scripts will not be compressed. When you set it to true, the scripts will be transferred using gzip compression and require less bandwidth.

Best wishes,
Lini
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Azeheruddin khan
Top achievements
Rank 1
answered on 18 May 2010, 11:24 AM
Hi,
I set  <compilation debug="false"> but still it is showing same size.
0
Lini
Telerik team
answered on 18 May 2010, 11:27 AM
Hi,

The file size will be the same after it is loaded in the browser, but when the file is transferred from the server to the browser, it will be compressed. You can use a HTTP debugging proxy (Fiddler for IE) to verify that the server is sending the scripts using gzip compression when compilation debug is false.

Greetings,
Lini
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Azeheruddin khan
Top achievements
Rank 1
answered on 18 May 2010, 11:37 AM
Hi Lini,

How to add gzip compression in my application.I saw some example but i am not understanding that.PLz can u tell me where to add this,if possible plzs send me sample of that...

Best rgds
Azeheruddin khan
0
Sebastian
Telerik team
answered on 18 May 2010, 11:43 AM
Hello Azeheruddin,

Consider using RadCompression for this purpose.

Best regards,
Sebastian
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
shanker bangari
Top achievements
Rank 1
answered on 18 May 2010, 11:48 AM
Hi Lini


this is shanker i did one project .I am using Radstylesheetmanager .Than my requirement is Register my own css file in Radstylesheetmanager.Now am facing design problem it's taking it's default skin .So how to add my own css file to Radstylesheetmanagerplease give me solution it's very argent please replay .

Please it's required it' very argent .

am using this type of code in my master page 

 <link rel="Stylesheet" href="css/styles.css" type="text/css" />

  <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" Runat="server">
    <CdnSettings BaseUrl="http://my.favorite.cdn" BaseSecureUrl="https://my.favorite.cdn" TelerikCdn="Enabled" />
   
    </telerik:RadStyleSheetManager>
      <telerik:RadScriptManager ID="scm" runat="server"  EnableScriptCombine="True" EnableHandlerDetection="false"  EnablePartialRendering="true"  LoadScriptsBeforeUI="False" 
            SupportsPartialRendering="False" >
   <CdnSettings BaseUrl="http://my.favorite.cdn" BaseSecureUrl="https://my.favorite.cdn" TelerikCdn="Enabled" />

i face design problem please give me any solutions .

i kindly request every one please help me it's very urgent .
    




thanks and regards 
shanker.B 
Tags
General Discussions
Asked by
Azeheruddin khan
Top achievements
Rank 1
Answers by
Lini
Telerik team
Azeheruddin khan
Top achievements
Rank 1
Sebastian
Telerik team
shanker bangari
Top achievements
Rank 1
Share this question
or