Oxxigeno Networks España

La capa de presentación de un sitio web es una parte muy sensible del mismo, pues debe proporcionar al usuario toda la información que solicita, de forma que la carga de proceso en la misma sea mínima.

Los sitios web desarrollados bajo el .NET framework son publicados con una precompilación del código fuente, sin embargo, las páginas aspx y los controles ascx son interpretados en tiempo de ejecución. Es decir: cada vez que un usuario solicita una página aspx ésta es interpretada por el servidor de aplicaciones y presentada al cliente.

Como puede suponerse, el hecho de que la página aspx contenga código fuente que deba ser compilado ralentizará la carga de la misma, puesto que se pasa de interpretar html y devolverlo a compilar código de servidor con más o menos lógica.

En muchas ocasiones es posible pensar que no nos es posible crear la página aspx tal y como queremos sin incluir código de servidor en la misma, esto es un error muy común, pero facilmente subsanable, siguiendo las siguientes recomendaciones.

• Solo está permitido utilizar código de servidor para cargar elementos dentro de controles de tipo DataBound (GridView, FormView, etc.). Aun así es poco recomendable porque sigue requiriendo compilación. Se recomienda la utilización del control Repeater.

 
                <%# Eval("TipoDePagina.Nombre") %>
 
                Editar Contenidos

• Si necesitamos que un elemento HTML obtenga propiedades (style, href, title, etc.) desde el lado del servidor, porque utilice alguna lógica de negocio debemos identificar a éste elemento con runat=server y asignar dichas propiedades desde el code-behind, que va precompilado cuando se publica.

aspx no recomendado:

<div id="global" class="fondo-menu-&lt;%= ambitoCabecera %&gt;">
<div id="cabecera" class="cabecera-&lt;%= ambitoCabecera%&gt;">
<div id="cabecera-logo">
            <a title="Alt" href="#">
                <img id="imgLogo" src="../images/&lt;%= image%&gt;" alt="Grupo Banco Popular" width="148" height="50" />
            </a></div>
<div id="shortcuts">
<ul class="horizontal">
	<li><a href="#">Atención al cliente</a> |</li>
	<li><a href="#">Sucursales</a> |</li>
	<li><a href="#">Tarifas</a> |</li>
	<li><a href="#">Simuladores</a></li>
</ul>
</div>
<div id="buscador">
            <fieldset>
 
            </fieldset></div>
</div>
</div>

Código no recomendado:

// Imagen por omision para el logo
public string _image = "default.jpg";
// Ambito por omision para la cabecera
public string _ambitoCabecera = "normal";
 
protected void Page_Load(object sender, EventArgs e)
{
 
    #region Dar valores a las variables
    ...
    #endregion
 
}

aspx recomendado:

<div id="global">
<div id="cabecera">
<div id="cabecera-logo">
            <a title="Alt" href="#">
                <img alt="Grupo Banco Popular" width="148" height="50" />
            </a></div>
<div id="shortcuts">
<ul class="horizontal">
	<li><a href="#">Atención al cliente</a> |</li>
	<li><a href="#">Sucursales</a> |</li>
	<li><a href="#">Tarifas</a> |</li>
	<li><a href="#">Simuladores</a></li>
</ul>
</div>
<div id="buscador">
            <fieldset>
 
            </fieldset></div>
</div>
</div>

Código recomendado:

protected void Page_Load(object sender, EventArgs e)
{
    // Imagen por omision para el logo
    string image = "default.jpg";
    // Ambito por omision para la cabecera
    string ambitoCabecera = "normal";
 
    #region Dar valores a las variables
    ...
    #endregion
 
    this.global.Attributes.Add("class", "fondo-menu-" + ambitoCabecera);
    this.cabecera.Attributes.Add("class", "cabecera-" + ambitoCabecera);
    this.imgLogo.Src = "../images/" + image;
 
}

• Si necesitamos que un elemento HTML reciba su identificador, propiedades sensibles o una maquetación compleja dependiente de una lógica de negocio, la solución optima es crear un custom web control para definirlo, éste tipo de controles heredan de la clase WebControl.

namespace Example.Web.UI.Controls
{
    [DefaultProperty("Text"), ToolboxData("&lt;{0}:OnlyText runat=server&gt;<!--{0}:OnlyText-->")]
    public class OnlyText : System.Web.UI.WebControls.WebControl
    {
        #region Attributes
 
        private string _text = "";
 
        #endregion
 
        #region Properties
 
        [Bindable("true"), Category("Data"), DefaultValue("")]
        public string Text
        {
            get { return _text;}
            set { _text = value;}
        }
 
        #endregion
 
        #region Overrides Methods
 
        protected override void  Render(HtmlTextWriter writer)
        {
             writer.Write(Text);
        }
 
        #endregion
    }
}