Artículo Introducción de wulin.com (www.vevb.com): pros y contras de Sprites CSS.
Pros y contras de Sprites CSS
Con respecto a esta tecnología, los mayores beneficios son los siguientes:
1. Reduzca el número de solicitudes HTTP cuando se carga la página web. Esta situación parece aplicarse solo a los casos en los que los recursos deben ser acumulados desde el lado del servidor, como la carga inicial. Pero pase lo que pase, todavía es muy útil para una página web con alto tráfico o recarga frecuente.
2. Al hacer una imagen de fondo para el enlace, puede evitar parpadear de fondo causado por la carga de la imagen de fondo cuando A: desplazamiento. Personalmente, creo que esto es cierto significado para mejorar la experiencia del usuario.
3. Las imágenes son fáciles de administrar. La premisa es que las imágenes de la costura tienen ciertas reglas. Como se muestra en la imagen a continuación, es una imagen del fondo del botón utilizada por todos los sitios web. Esto le permite ver todos los estilos de botones en el sitio web intuitivamente. (Personalmente, me gusta deletrear imágenes de acuerdo con ciertos atributos de la imagen. Una imagen es un icono o un fondo BTN ... De esta manera, las imágenes se pueden gestionar por el camino, y las imágenes con ciertas reglas pueden seguirse, que son más fáciles de organizar juntos. Por supuesto, a veces, también elegirá una imagen de fondo de lo contrario. llamado.
CSS Sprites Alcance de la aplicación:
1. La aceleración de la página web debe completarse reduciendo el número de solicitudes HTTP.
2. La página web contiene una gran cantidad de pequeños iconos. O algunos íconos son muy versátiles.
3. Hay imágenes que deben precargarse en la página web. Se relaciona principalmente con A y A: imagen de fondo de desplazamiento. Si las imágenes de fondo de A y A: Hover se cargan por separado, entonces el mouse del usuario se moverá a un botón, y el fondo del botón desaparecerá repentinamente y luego aparecerá, causando un flash. Si el color de texto del botón es el mismo o similar al fondo, será aún más vergonzoso, lo que puede hacer que las personas sientan que el botón ha desaparecido.
Condiciones a cumplir
En las páginas web, es mejor tener una regla para las imágenes que se juntan a través de esta tecnología. Establecer ancho o altura. Es mejor establecer el ancho y la altura. Las imágenes que requieren mosaico obviamente no son adecuadas para Sprite.
Como se muestra en la imagen de arriba, los botones están determinados por la situación de ancho y altura fijos.
En el caso del ancho fijo, se pueden organizar varias imágenes pequeñas en paralelo. Cuando se establece la altura, las imágenes pequeñas están dispuestas verticalmente.
Si el fondo no es de ancho fijo ni altura fija, es fácil usar la tecnología CSS Sprites en el caso de un ancho fijo ni altura fija, es fácil producir el estado de las imágenes que no deben aparecer en la página. Si la altura se establece por la fuerza, será muy desfavorable para el mantenimiento futuro.
Resumir
Si esta tecnología es buena o mala no puede generalizarse. Depende de la situación específica del sitio web. Al analizar, primero decida si lo necesita o no, y también integra de manera integral los costos de desarrollo, los costos de mantenimiento y otros problemas. Encuentre un plan que se adapte a la situación real antes de tomar una decisión. Use sprites a tiempo, y se recomienda no colocar imágenes de varios tamaños, alineaciones y usos de manera extrema para mantenerlas. Tales extremos pueden no reducir el número de solicitudes HTTP, sino que establece peligros ocultos para el mantenimiento futuro.