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
Post a Comment