¿Debo incluir CSS y JS en sitios móviles para ahorrar ancho de banda?

¿Hay alguna razón para no incorporar CSS y JS cuando hago un sitio solo para dispositivos móviles, para ahorrar ancho de banda?

Alinear todo tiene diferentes efectos:

  • Reduce el número de solicitudes, pero aumenta el tamaño de su archivo HTML
  • Mayor tamaño del archivo HTML: el tiempo de carga aumenta considerablemente
  • Sin almacenamiento en caché: ha perdido una buena oportunidad
  • El mantenimiento es como el infierno, a menos que esté en línea como un paso de su proceso de desarrollo

Una buena publicación en el blog puede leer: ¿por qué no es la respuesta? No recomienda aquí solo los archivos muy pequeños en línea (menos de 1KB)

Hola, por cierto, ¿por qué no en línea? Google lo hace en su página de inicio. Cualquiera que tenga Google ‘View-ed Source’ lo ha visto. Pero aún así es tu elección.
Si todavía está pensando en reducir el número de solicitudes HTTP, entonces es mejor usar una herramienta de comstackción para realizar la creación de líneas de forma autónoma. De lo contrario, tendrás que pasar por el “infierno de mantenimiento”.

El único beneficio posible que puedo pensar es un par de solicitudes HTTP menos, pero usted renuncia por completo a los beneficios de tener los archivos en caché si lo hace.

El almacenamiento en caché es algo bueno y ahorra ancho de banda, por lo que no veo por qué querría perder esa ventaja.

Además de eso (no relacionado con el rendimiento), el mantenimiento será una pesadilla con todo en línea, como lo sería con cualquier sitio.

No me sorprendería en lo más mínimo si hubiera razones más convincentes para no hacerlo.

Usa archivos separados

Sí. En primer lugar, tendrá que codificar de esa manera o alinearlos dinámicamente. Dinámicamente = desperdicio de poder de procesamiento. Código así = difícil de mantener y mala práctica. ¿Y para qué? Apenas ahorras ancho de banda, y hace que el almacenamiento en caché sea imposible y, de hecho, puede ralentizarte. Ahora la minificación , por otro lado … eso es lo que deberías hacer en su lugar. Reduzca su CSS y JavaScript, combínelos en un solo archivo, y está bien si lo hace dinámicamente porque los beneficios superan los problemas.

Sí, esta razón se llama caché 🙂 no en línea css y js se almacenarán en caché (los navegadores móviles con soporte html usan caché)