javascript - Is it possible to reduce the memory allocated by Google Chrome for my web page? -


i trying make website minimalist feeling it, put fullscreen image on background background-image of body. have transition: background-position 1s set css rule body , easing function, create smooth scrolling effect when going other pages in same html file (i have no actual scrollbar, navigation elements). thing noticed once started scrolling, memory reserved page went small 77mb on 500mb! tested in firefox, doesn't seem happen (either because pages have no separate processes or memory allocation works differently, imagine). why happen in google chrome , not in other browsers? , how can reduce enormous amounts of memory reserved page?

to give information on using:

  • browser: google chrome
  • ram: 8gb page uses javascript following plugins:

    • jquery
    • bootstrap
  • background image dimensions are: 1440 x 540

a few possible causes of problem:

  • the image big rendered transition , easing function.
  • i should not use background-image this, create new <img/> background.
  • i somehow checked developer tools open in chrome, increasing memory allocated.
  • it's not image causing problem, web fonts scroll simultaneously background image, using transition , easing function.

and want add maybe not problem after all, it's have never seen page go on 300mb memory allocation.

not sure if should posted comment instead, however:

nothing can that. chrome trades ram performance. instance each chrome tab runs on own process purpose.

i had cases when single youtube tab took on 1.5gb memory & virtual memory. blank tab takes 45mb memory me.

so there no issue code @ all.


Comments

Popular posts from this blog

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -