Como programador ASP, no dudarás de la importancia de mejorar el rendimiento de tus aplicaciones web. Para que su programa se ejecute más rápido, es posible que haya estado ocupado optimizando la base de datos o el componente COM. Si ha hecho todo esto, ¿alguna vez ha pensado en mejorar el rendimiento acelerando la velocidad de visualización del código HTML final generado en el navegador? Para el usuario final, si la página se puede mostrar más rápido, obtendrá más elogios.
Se puede mejorar la velocidad a la que se muestra HTML en su navegador mediante algunas técnicas poco conocidas.
1. ¿Usar mesa anidada?
El establecimiento de estructuras complejas en la página generalmente se logra colocando tablas HTML en la página. Si desea crear una página como esta: esta página tiene una barra de navegación superior, una barra de navegación izquierda y un área de contenido derecha. Puede crear esto usando una tabla grande con dos filas y dos columnas. En la primera fila, combine las dos columnas e inserte una barra de navegación superior. En la columna izquierda de la segunda fila, inserte una tabla para mostrar los botones de navegación. En la columna de la derecha, coloque una tabla para mostrar el contenido real. (Ver Figura 1) El código generado por dicha tabla anidada es el siguiente:
<TABLE BORDER="0">
<TR>
<TD COLSPAN="2"><!-- contenido de la barra de navegación superior --></TD>
</TR>
<TR>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- contenido de la barra de navegación izquierda --></TD>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- contenido del cuerpo de la página --></TD>
</TR>
</TABLE>
Sin embargo, de hecho, cuando el navegador encuentra la etiqueta <TABLE>, no muestra inmediatamente la página en la pantalla a menos que encuentre la etiqueta de cierre correspondiente </TABLE>. Por lo tanto, si toda su página está en una tabla, no se mostrará nada hasta que se reciba el último </TABLE>. De esta manera, la página no será visible para el usuario hasta que se descargue el archivo completo. Cuando la cantidad de datos de la página es relativamente grande (como los resultados de búsqueda del motor de búsqueda), esta función provocará pausas temporales. Para evitar esta situación, la página se puede dividir en muchas tablas pequeñas durante la producción. Cuando se descarga el código HTML de cada <TABLE> a la </TABLE> correspondiente, el navegador lo mostrará. Desde la perspectiva del visitante, la página aparece gradualmente, parte por parte, apareciendo cada vez más en la pantalla. Parece que la velocidad de visualización de una página de este tipo es más rápida que descargar el archivo completo y mostrarlo nuevamente.
Siguiendo este principio para estudiar el ejemplo anterior, toda la tabla grande de la página debe dividirse en tres tablas separadas. Utilice la primera tabla para mostrar la barra de navegación superior, ajuste su ancho para que sea lo suficientemente grande como para contener todo el contenido y complétela en un bloque <TABLE></TABLE>. En la mitad inferior de la página, está alineada la segunda mesa desde la izquierda. Utilice una tercera mesa para contener el contenido real. (Ver Figura 2) Debido a que cada parte es una tabla completa, cada parte del código se mostrará inmediatamente después de la descarga. De esta forma, las barras de navegación superior e izquierda destacarán más que el resto de la página. El usuario imaginará que la página comenzará a descargarse en este momento y pronto se mostrará en la pantalla. Esto es mucho mejor que dejar al usuario frente a una pantalla en blanco durante un período prolongado de tiempo.
El código modificado es el siguiente:
<TABLE BORDER="0" WIDTH="100%">
<TR>
<TD ALIGN="CENTER" VALIGN="TOP"><!-- contenido de la barra de navegación superior --></TD>
</TR>
</TABLA>
<TABLE BORDER="0" ALIGN="LEFT">
<TR>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- contenido de la barra de navegación izquierda --></TD>
</TR>
</TABLA>
<BORDE DE TABLA="0">
<TR>
<TD ALIGN="LEFT" VALIGN="TOP"><!-- contenido del cuerpo de la página --></TD>
</TR>
</TABLE>
2. Recuerde también cerrar otras etiquetas.
En el ejemplo anterior, podemos hacer que la página se muestre más rápido en el navegador simplemente cerrando la etiqueta <TABLE> antes. Por analogía, existen algunas etiquetas similares que tienen las mismas características.
Por ejemplo, genere etiquetas <OPTION> para cuadros de lista y cuadros combinados y etiquetas <LI> para elementos de lista. Por lo general, los programadores de ASP acceden a la base de datos y envían datos al cuadro de lista o cuadro combinado creado a través de <OPCIÓN>. En este momento, se escribe una etiqueta <OPCIÓN> de cierre en el código. Un cambio tan simple también puede hacer que la página se muestre más rápido. en el navegador.
No utilice código como este:
hágalo mientras no sea objRS.EOF
strOptionList = strOptionList & "<OPCIÓN VALOR=""" & objRS("ID") &_""">"& _objRS("ProductName")
objRS.MoveNext
de bucle.
Escriba "<SELECT TAMAÑO=""1"">" & strOptionList & "</SELECT>"
Para usar código como este:
Haga mientras no sea objRS.EOF
strOptionList = strOptionList & "<OPTION VALUE=""" & objRS("ID") & _ """>" & objRS("ProductName") & "</OPTION>"
objRS.MoveNext
de bucle.
Escriba "<SELECT TAMAÑO=""1"">" & strOptionList & "</SELECT>"
No use código como este:
<UL>
<LI>Manzanas
<LI>Naranjas
<LI>Plátanos
</UL>
Utilice un código como este:
<UL>
<LI>Manzanas</LI>
<LI>Naranjas</LI>
<LI>Plátanos</LI>
</UL>
Ahora eche un vistazo, ¿su página se muestra más rápido en el navegador?
No subestime la importancia de estos cambios para mejorar el rendimiento de las aplicaciones ASP. Quizás, en los libros o materiales en línea del tipo "Consejos y sugerencias" que pueda encontrar, rara vez se menciona la optimización del código HTML para que su programa se ejecute más rápido. Sin embargo, la aplicación de estas tecnologías en la práctica puede mejorar enormemente el rendimiento del programa.