Recompense 100 puntos por solicitar métodos detallados para reducir la cantidad de solicitudes http, así como también cómo fusionar css, fusionar js y fusionar archivos css y js.

El 80% del tiempo de respuesta del usuario final se dedica al front-end y la mayor parte de este tiempo se dedica a descargar todos los componentes de la página, incluidos: imágenes, CSS, scripts, Flash, etc. Por lo tanto, reducir la cantidad de componentes puede reducir la cantidad de solicitudes HTTP al cargar esta página, que es la clave para acelerar la página.

Una forma de reducir el número de componentes de una página es simplificar el diseño de la página. Pero, ¿existe alguna manera de crear una página con contenido enriquecido y cumplir con los requisitos de un tiempo de respuesta rápido? A continuación se presentan algunas técnicas para respaldar el diseño de páginas enriquecidas y reducir la cantidad de solicitudes HTTP.

La agregación de archivos es un método para reducir la cantidad de solicitudes HTTP agregando todos los archivos de script en un solo script, similar a fusionar todos los archivos CSS en un solo archivo CSS. Agregar archivos es más desafiante cuando los scripts y los archivos de representación son diferentes para cada página, pero completar esta parte mejorará su tiempo de respuesta.

Los Sprites CSS son la primera opción para reducir el número de solicitudes de imágenes. Combine las imágenes de fondo en un solo archivo de imagen, luego use las propiedades de imagen de fondo y posición de fondo de CSS para mostrar la parte deseada de la imagen.

Fusionar archivos js y css es juntar archivos JS y archivos CSS.

Js, simplemente cargue el archivo combinado:

<script type="text/JavaScript" src="js_URL">

CSS se cita así:

& ltlink rel = " hoja de estilo " href = " CSS_URL " type = " text/CSS " media = " all "/& gt;