Aerodinamizar tus páginas del Web site
| by Eric Lester | October 10, 2005
Exprimir el funcionamiento más eficiente de tus Web pages es importante. Las ventajas son universales, si el sitio es personal o grande y profesional. La reducción del peso de la página puede acelerar la experiencia el hojear, especialmente si tus visitantes están utilizando el acceso de marcado manual del Internet. Aunque el acceso de banda ancha es el futuro, el presente todavía contiene a usuarios de marcado manual muchos. Muchos sitios, sitios del ecommerce especialmente, no pueden permitirse no hacer caso de esta sección grande del mercado. Los sitios con una cantidad grande de tráfico único pueden también ahorrar en su tráfico mensual total adelgazando abajo de sus Web pages. Este artículo cubrirá los fundamentos de la optimización de la en-página en texto/código y gráficos.
Gráficos
Los gráficos son el sospechoso generalmente en las páginas pesadas. Como resultado de un diseño altamente gráfico, o de algunas imágenes mal optimizadas, los gráficos pueden prolongar perceptiblemente el carga-tiempo de un Web page. El primer paso en la optimización de los gráficos es muy básico. Decidir si los gráficos son absolutamente necesario y eliminar o mover simplemente los que no son. Quitar gráficos grandes del homepage a una galería separada aumentará probablemente el número de los visitantes que “colgar alrededor” dejar la carga del homepage. La separación de fotos más grandes o de arte a una galería también proporciona la oportunidad de proporcionar la advertencia justa a los usuarios que chascan en la galería que puede llevar más de largo la carga. En el caso de los botones gráficos, considerar el uso del texto en lugar de otro basados, CSS-labrados los botones. Sitios que utilizan un diseño altamente gráfico, un tema común en el Web site “plantillas”, necesidad de optimizar sus gráficos como mejor es posible.
La optimización de los gráficos primero implica el seleccionar del tipo apropiado del archivo para tu imagen. Aunque este asunto solamente es forraje para un análisis lejos más profundizado, tocaré en él brevemente. Las imágenes vienen en 2 variedades básicas, las que sean fotográficas en naturaleza, y las que sean gráficos en naturaleza. Las fotografías tienen un arsenal grande de colores jumbled todo juntas en qué se refiere como tono continuo. Los gráficos, tales como insignias del negocio, son generalmente lisos, patata a la inglesa y tienen áreas grandes del mismo color. Las fotografías se comprimen lo más mejor posible en “JPEGs”. El formato “del grupo de expertos fotográfico común” puede comprimir con éxito las fotos grandes abajo a los tamaños muy manejables. Se aplica generalmente en una escala de la “calidad que resbala” entre 1-100, 1 que es la calidad más comprimida y más baja, 100 el lo menos y el más de alta calidad. El JPEG es un algoritmo de la compresión del “lossy”, significando que “destruye” la información de la imagen cuando está aplicado, guarda tan siempre una copia del archivo original. Los gráficos y las insignias trabajan generalmente lo más mejor posible en “GIF”, o más recientemente, el formato del “png”. Estos formatos son más eficientes que JPEGs en la reducción del tamaño de imágenes con áreas grandes del color similar, tales como insignias o texto gráfico.
Algunas notas generales sobre otros medios son apropiadas. Otros tipos de medios tales como archivos del flash o del sonido también retrasaron una página. La primera regla es siempre igual, considera si son absolutamente necesarios. Si estás eligiendo construir el sitio enteramente en flash, entonces cerciorarte de que las secciones y los elementos individuales también estén comprimidos como sea posible. En el caso de música, admitiré al diagonal personal aquí y parafrasear un viejo refrán brillante, los “Web site se deben considerar y no oír.” Simplemente, la música que juega en el fondo “no realzará” ninguna experiencia el hojear.
Texto y código
La mayoría del peso que se ajustará en una página vendrá de elementos gráficos y de los medios, pero es posible verter algunos octetos adicionales mirando el texto y el código de un Web page. En términos de contenido real del texto, puede no haber mucho a hacer aquí. El contenido de una página es dominante no sólo a la comprensión del usuario pero también a la graduación del Search Engine. Quitando o mejorar el contenido de organización es solamente necesario en situaciones extremas, donde está una edición más que peso de la página. Un ejemplo pudo ser un largo, Web page pesado del texto que requería un movimiento en sentido vertical vertical muy largo acabar. Tal página es común en sitios del “infomercial”, y viola a arrendatarios básicos del diseño más allá de ésos relacionados con el peso de la página.
Cifrar es una diversa historia. El código de un Web site se puede hacer más eficiente en una variedad de maneras. Primero, vía el uso del CSS, todos los elementos del estilo de un Web page se pueden ahora llamar vía un archivo externo. Este mismo archivo se puede invitar todo el las páginas de un sitio, previendo una mirada y una sensación uniformes. No sólo es esto más eficiente; es también la recomendación oficial del W3C. Iguales pueden ser dichos de XHTML y del abandono de la disposición basada de la “tabla”. Las tablas, aunque eficaces para la disposición, producen más código que disposiciones equivalentes de XHTML usando etiquetas del “div”. Donde un mínimo de 3 etiquetas se requiere para crear una “caja” con el contenido en una tabla, sólo 1 es necesario con las divisiones. Usar XHTML y el CSS en la combinación puede reducir perceptiblemente la cantidad “en de código de la página” requerido por un Web page. Un final, truco relativamente insignificante es el retiro de todo el “espacio blanco” de tu código. Los Browsers no lo requieren; está sobre todo así que los autores pueden leer e interpretar fácilmente el código. Los ahorros son mínimos en el mejor de los casos, pero para los sitios que reciben una cantidad extrema de tráfico, incluso algunos ahorraron octetos agregarán para arriba en un cierto plazo.
Conclusiones
Apuntar las imágenes y los archivos de los medios primero al intentar reducir el peso de una página. Son los componentes más grandes del peso total de la página y simplemente quitarlos pueden reducir perceptiblemente el peso total. Las imágenes que sigue habiendo se deben comprimir óptimo en un formato apropiado para su tipo, fotos o gráficos. Evitar los bloques del texto enormes que causan el movimiento en sentido vertical vertical innecesario. Organizar el sitio más eficientemente para separar la información a través de las páginas múltiples. Adoptar XHTML y el CSS para reducir el tamaño del código de la en-página, y llamar el CSS externamente. Estas extremidades deben ayudar a reducir el tamaño de tus páginas y a apresurar su entrega a tus espectadores.
Gráficos
Los gráficos son el sospechoso generalmente en las páginas pesadas. Como resultado de un diseño altamente gráfico, o de algunas imágenes mal optimizadas, los gráficos pueden prolongar perceptiblemente el carga-tiempo de un Web page. El primer paso en la optimización de los gráficos es muy básico. Decidir si los gráficos son absolutamente necesario y eliminar o mover simplemente los que no son. Quitar gráficos grandes del homepage a una galería separada aumentará probablemente el número de los visitantes que “colgar alrededor” dejar la carga del homepage. La separación de fotos más grandes o de arte a una galería también proporciona la oportunidad de proporcionar la advertencia justa a los usuarios que chascan en la galería que puede llevar más de largo la carga. En el caso de los botones gráficos, considerar el uso del texto en lugar de otro basados, CSS-labrados los botones. Sitios que utilizan un diseño altamente gráfico, un tema común en el Web site “plantillas”, necesidad de optimizar sus gráficos como mejor es posible.
La optimización de los gráficos primero implica el seleccionar del tipo apropiado del archivo para tu imagen. Aunque este asunto solamente es forraje para un análisis lejos más profundizado, tocaré en él brevemente. Las imágenes vienen en 2 variedades básicas, las que sean fotográficas en naturaleza, y las que sean gráficos en naturaleza. Las fotografías tienen un arsenal grande de colores jumbled todo juntas en qué se refiere como tono continuo. Los gráficos, tales como insignias del negocio, son generalmente lisos, patata a la inglesa y tienen áreas grandes del mismo color. Las fotografías se comprimen lo más mejor posible en “JPEGs”. El formato “del grupo de expertos fotográfico común” puede comprimir con éxito las fotos grandes abajo a los tamaños muy manejables. Se aplica generalmente en una escala de la “calidad que resbala” entre 1-100, 1 que es la calidad más comprimida y más baja, 100 el lo menos y el más de alta calidad. El JPEG es un algoritmo de la compresión del “lossy”, significando que “destruye” la información de la imagen cuando está aplicado, guarda tan siempre una copia del archivo original. Los gráficos y las insignias trabajan generalmente lo más mejor posible en “GIF”, o más recientemente, el formato del “png”. Estos formatos son más eficientes que JPEGs en la reducción del tamaño de imágenes con áreas grandes del color similar, tales como insignias o texto gráfico.
Algunas notas generales sobre otros medios son apropiadas. Otros tipos de medios tales como archivos del flash o del sonido también retrasaron una página. La primera regla es siempre igual, considera si son absolutamente necesarios. Si estás eligiendo construir el sitio enteramente en flash, entonces cerciorarte de que las secciones y los elementos individuales también estén comprimidos como sea posible. En el caso de música, admitiré al diagonal personal aquí y parafrasear un viejo refrán brillante, los “Web site se deben considerar y no oír.” Simplemente, la música que juega en el fondo “no realzará” ninguna experiencia el hojear.
Texto y código
La mayoría del peso que se ajustará en una página vendrá de elementos gráficos y de los medios, pero es posible verter algunos octetos adicionales mirando el texto y el código de un Web page. En términos de contenido real del texto, puede no haber mucho a hacer aquí. El contenido de una página es dominante no sólo a la comprensión del usuario pero también a la graduación del Search Engine. Quitando o mejorar el contenido de organización es solamente necesario en situaciones extremas, donde está una edición más que peso de la página. Un ejemplo pudo ser un largo, Web page pesado del texto que requería un movimiento en sentido vertical vertical muy largo acabar. Tal página es común en sitios del “infomercial”, y viola a arrendatarios básicos del diseño más allá de ésos relacionados con el peso de la página.
Cifrar es una diversa historia. El código de un Web site se puede hacer más eficiente en una variedad de maneras. Primero, vía el uso del CSS, todos los elementos del estilo de un Web page se pueden ahora llamar vía un archivo externo. Este mismo archivo se puede invitar todo el las páginas de un sitio, previendo una mirada y una sensación uniformes. No sólo es esto más eficiente; es también la recomendación oficial del W3C. Iguales pueden ser dichos de XHTML y del abandono de la disposición basada de la “tabla”. Las tablas, aunque eficaces para la disposición, producen más código que disposiciones equivalentes de XHTML usando etiquetas del “div”. Donde un mínimo de 3 etiquetas se requiere para crear una “caja” con el contenido en una tabla, sólo 1 es necesario con las divisiones. Usar XHTML y el CSS en la combinación puede reducir perceptiblemente la cantidad “en de código de la página” requerido por un Web page. Un final, truco relativamente insignificante es el retiro de todo el “espacio blanco” de tu código. Los Browsers no lo requieren; está sobre todo así que los autores pueden leer e interpretar fácilmente el código. Los ahorros son mínimos en el mejor de los casos, pero para los sitios que reciben una cantidad extrema de tráfico, incluso algunos ahorraron octetos agregarán para arriba en un cierto plazo.
Conclusiones
Apuntar las imágenes y los archivos de los medios primero al intentar reducir el peso de una página. Son los componentes más grandes del peso total de la página y simplemente quitarlos pueden reducir perceptiblemente el peso total. Las imágenes que sigue habiendo se deben comprimir óptimo en un formato apropiado para su tipo, fotos o gráficos. Evitar los bloques del texto enormes que causan el movimiento en sentido vertical vertical innecesario. Organizar el sitio más eficientemente para separar la información a través de las páginas múltiples. Adoptar XHTML y el CSS para reducir el tamaño del código de la en-página, y llamar el CSS externamente. Estas extremidades deben ayudar a reducir el tamaño de tus páginas y a apresurar su entrega a tus espectadores.
Article Source: http://www.articleset.com

You are welcome to publish or reprint this article free of charge, provided:
- you include the entire article, unchanged, including the "About The Author" box
- all hyperlinks remain active, including the bottom ArticleSet.com link (does not apply to print publications)
- you agree not to hold the authors nor ArticleSet.com liable for any loss profits, expenses, or any other damages resulting from the use or misuse of articles published on this website