¿Debo usar bootstrap para aplicaciones web críticas de rendimiento?

Prefiero esto diciendo que no soy fanático de Bootstrap. Ahora sabes mi sesgo.

Pros

  • Rápido y fácil de hacer una interfaz de usuario.
  • Usted sabe que será compatible con varios navegadores (sin incluir ninguna de sus propias anulaciones de CSS).
  • Fácil de hacer que responda.
  • Puede personalizar su descarga para excluir cosas que no necesita.

Contras

  • Bootstrap tiene un estilo muy obstinado. Si no desea que su aplicación se vea como Bootstrap predeterminada, pasará casi tanto tiempo escribiendo CSS para anular los estilos existentes como escribiría CSS personalizado desde cero.
  • Si necesita anular una gran cantidad de CSS, perjudicará el rendimiento. Además de producir una hoja de estilo más grande, deberá aumentar la especificidad para anular los estilos, lo que aumenta la cantidad de tiempo que le toma al navegador analizar el CSS.
  • El mantenimiento a largo plazo es un problema si anula los estilos. Por lo general, la versión de Bootstrap con la que se creó la IU será la versión final porque la transición a una nueva versión con estilos de anulación es realmente difícil. A menos que desee hacer un nuevo front-end cada dos años, no lo recomiendo.
  • Todas las animaciones aún se realizan con jQuery. Con CSS3, generalmente no necesita jQuery para las animaciones. CSS se analiza mucho más rápido que Javascript, por lo que es preferible en la medida de lo posible.

Definitivamente hay ventajas al usar frameworks y Bootstrap no es lo único que existe. Recomiendo mirar Foundation en su lugar. No es muy obstinado y actualizar a versiones más nuevas del marco es mucho menos doloroso que Bootstrap. Las cuadrículas también son mejores.

Cuanto más agregue sobre el idioma nativo, más lento será el funcionamiento del programa, por lo que si es crítico, escriba su propio CSS y la menor cantidad posible.

La única desventaja es que es más fácil escribir código usando frameworks. Pero está “escrito una vez, ve miles de veces”, por lo que si te toma 2 días más para escribir el sitio, no va a hacer mucha diferencia, pero si tarda 10 segundos en cargar la página de destino, va a destruir tu SEO .

No creo que bootstrap use mucho el rendimiento de su cliente, es principalmente solo CSS y un pequeño javascript para algunos menús desplegables, modales y otras cosas que podría usar.

Si su miedo es la cantidad de css que no necesita, siempre puede usar un proveedor de cdn, que es realmente rápido porque su cliente seguramente lo tiene en caché debido a otros sitios.

De lo contrario, siempre puede personalizar su descarga de arranque para que solo tenga los componentes que necesita, como solo CSS y sin JavaScript.

Personaliza y descarga