Theme builder themes or built in Skins

4 posts, 0 answers
  1. Andy Green
    Andy Green avatar
    376 posts
    Member since:
    Aug 2008

    Posted 13 Aug 2018 Link to this post

    Just wondering which is better for performance to use embedded skins, or create using theme builder and use a custom skin.

    I prefer to use a custom skin as I can tweak the css to suit, rather than target the correct specificity to change an inbuilt skin.

    What I used to do was take the skin form the skin folder and rename / edit that, but have found that using the Theme builder files the CSS doesn't match exactly the built in skins, so I'm thinking about going back to the built in, but curious about performance.

     

    Andy

  2. Rumen
    Admin
    Rumen avatar
    14010 posts

    Posted 14 Aug 2018 Link to this post

    Hi Andy,

    The Telerik CDN is hosted on the Amazon CloudFront service and the use of the embedded skins is likely to be the fastest approach since Amazon has servers all over the World.

    Best regards,
    Rumen
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Andy Green
    Andy Green avatar
    376 posts
    Member since:
    Aug 2008

    Posted 14 Aug 2018 in reply to Rumen Link to this post

    Thanks Rumen.

    I should have said, the site runs on intranet with no WWW access so all files will be served up locally.

     

    Andy

  4. Rumen
    Admin
    Rumen avatar
    14010 posts

    Posted 14 Aug 2018 Link to this post

    You are welcome, Andy.

    Thank you for specifying that this is an intranet app without access to the Internet.

    There isn't a huge difference between the loading speed of the controls specific CSS files generated by the Theme Builder and the ones available in the Skins folder. Regardless of which CSS files you choose to customize (the TB or the ones in the Skins fodler) you might want to:
    • use Lightweight rendering (RenderMode="Lightweight")
    • enable the stylesheet combining, because the resource combination will result in a single request for the Telerik controls base stylesheets on each page that can be cached aggressively by the browser, as opposed to a number of different files that may not all be already cached:


      <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" EnableStyleSheetCombine="true">
          <StyleSheets>
              <telerik:StyleSheetReference Path="~/Skins/Flom/Calendar.Flom.css" />
              <telerik:StyleSheetReference Path="~/Skins/Flom/ComboBox.Flom.css" />
              <telerik:StyleSheetReference Path="~/Skins/Flom/Grid.Flom.css" />
          </StyleSheets>
      </telerik:RadStyleSheetManager>


    Best regards,
    Rumen
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top