For external or internal HTML performance (Bootstrap-Modal)

Asked

Viewed 577 times

2

I am building a page which will be accessed by a considerable amount of users (5 thousand/day) and as some hosting services charge per mass of data transferred others for the amount of requests, this raised me a question: It is better to encapsulate the Data/Registration Forms/Login more Requested in a Bootstrap-Modal and those of lesser access in external html to be rendered in another url?

Qual das alternativas é melhor? 
Detalhes: Pagina de Login e Cadastro (muito acessada) ~3KB
Página de FAQ: (Pouco acessada) ~7KB
Página de TOS: (Pouco acessada) ~30KB
Página de Privacy Policy: (Pouco acessada) ~30KB
html twitter-bootstrap bootstrap-3

  • I don’t quite understand what your problem is.

  • Due to the size of the page it would be better to put pages as a modal (soon would have two pages within one) or separate files

  • You can load inside the modal external pages using .load()

  • This loading would be when the user clicks on the button that opens the modal? ajax type?

  • Yes, please see this link http://answall.com/questions/44636/comort-para-quando-for-clicado-um-button-creative-um-element-na-página/44699#44699

1 answer

3


If you are going to pay for data that is transferred I suggest you do the following:

  • Packaging and minification of css files
  • Packaging and minification of js files
  • Avoid inline css. always use as a separate file
  • Use frameworks such as Angle or Backbone to load information that is populated on the screen. Ex. Grids. So you only traffic json instead of html which is much heavier.
  • use Sprite css for images because it reduces the number of requests to the server. I also like to convert small images to 64 base and put right into css file but this is harder to maintain. If you use visual studio for development you can install webessentials that helps a lot in this, including it minifica css and js files too.
  • Optimize the images to always stay in the smallest size. Usually use png but not always it is better. Take a look here https://stackoverflow.com/questions/2336522/png-vs-gif-vs-jpeg-when-best-to-use

Static files like . js, images, . css, and . html are saved in the browser cache and are not always transferred. when they are cached the server returns http code 304 (unmodified) this also helps for a smaller data transfer.

I hope I helped. Since I don’t know if you work with what technology you work with, I won’t be able to help anymore. If you’re working with Asp.net using iis as a server see how to package and minify all css or js files into one.

Browser other questions tagged html twitter-bootstrap bootstrap-3

You are not signed in. Login or sign up in order to post.