Performance Improvements for ASP.NET Page and Tab Controls (coming soon in v2010 vol 2)

ASP.NET Team Blog
25 October 2010
ASPNET Page and Tab Controls with Semantic RenderBoth of the ASP.NET Page and Tab Controls are getting performance improvements in the next release, DXperience v2010 volume 2.

We changed the rendering of our ASP.NET Page and Tab controls. These controls now use semantic rendering. And combined with advanced CSS styles results in a significant decrease of HTML output, improved performance and a reduction in the server’s workload.

Semantic Render Advantages

The primary advantages of using Semantic HTML Rendering are:

  • Performance is increased because the amount of HTML output is reduced.
  • Accessibility is improved because screen readers understand semantic HTML.
  • SEO is improved because search engines prefer semantic HTML.

New RenderMode Property

A new property, called RenderMode, has been added to support Semantic rendering. The property allows you to choose between:

  • Classic – by default. The control uses rendering based on tables.
  • Lightweight – The control uses the new rendering based on divs and lists HTML elements. Therefore, the control generates semantic and lightweight HTML code.

Performance

We ran some performance tests to compare the 2 rendering modes and here’s the improvement numbers:

Page_Performance

Test notes: Test was performed in Internet Explorer with the default theme with 7 empty tabs in both Page and Tab controls.

DXperience v2010 vol 2 Release

This upgrade is part of the DXperience v2010 volume 2 release which should be out in a few weeks.

This ASP.NET Page and Tab control performance enhancement is another in the some of the performance features we’ve added with each release.

Are you excited about the improved performance of the ASP.NET tab and page control? Drop me a line below with your thoughts. Thanks!

Follow MehulHarry on Twitter

DXperience? What's That?

DXperience is the .NET developer's secret weapon. Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications. Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/

6 comment(s)
Andre Azevedo
Andre Azevedo

Hello!

I'd like to know if all 2010.1-2 Web performance improvements (including web.config compression section) will be available on XAF 2010.2 Web projects.

I'm planning to upgrade from XAF 2009.3 to 2010.2 and will be very nice if all Rendering component property could be ajusted to Lightweight on XAF using just one global function call/property set.

Thanks!

25 October, 2010
Mark Williams
Mark Williams

Great!  We use the tab control now and it feels heavy.  This should help a lot.  I hope performance improvements continue to be a high priority for DevExpress.

26 October, 2010
Dennis (DevExpress)
Dennis (DevExpress)

@Andre:

Some performance improvements made to our ASP.NET components in 10.1 are already available in XAF applications (you can simply turn them on in the configuration file).

As for the Lightweight mode, we are afraid that setting it in an XAF application may result in a broken layout in some places. However, we have a corresponding suggestion in this regard: "S35565 - Templates.Web - Support ControlRenderMode.Lightweight mode and make it possible to change rendering mode globally". Please track it to see when it is implemented. I cannot promise that this will be done in XAF 10.2, but we are currently checking whether it is possible to quickly overcome XAF-specific rendering issues I was talking about above.

26 October, 2010
Dennis (DevExpress)
Dennis (DevExpress)

BTW, users of XAF Windows Forms applications should expect some good news with regard to performance soon. Please stay tuned!

26 October, 2010
Steve Sharkey
Steve Sharkey

I'm not quite clear - is this win-win or by selecting this rendering mode do we loose some functionality?

27 October, 2010
Serge D (DevExpress)
Serge D (DevExpress)

Hi Steve,

Lightweight controls have the same functionality as classic rendered controls.

The main difference between these render modes is customization. To customize a light render control it is better to use extended css rules than visual studio designer.

29 October, 2010

Please login or register to post comments.