# Radio Page. How to save 500k every page load in 2 minutes. No coding

**URL:** <https://discourse.libretime.org/t/radio-page-how-to-save-500k-every-page-load-in-2-minutes-no-coding/134>\
**Category:** Dev Talk\
**Created:** [May 10, 2018, 11:56am UTC](https://discourse.libretime.org/t/radio-page-how-to-save-500k-every-page-load-in-2-minutes-no-coding/134 "2018-05-10T11:56:11Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![JohnnyC1951](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.libretime.org/johnnyc1951/32/605_2.png) [@JohnnyC1951](https://discourse.libretime.org/u/JohnnyC1951)\
**Post date:** [May 10, 2018, 11:56am UTC](https://discourse.libretime.org/t/radio-page-how-to-save-500k-every-page-load-in-2-minutes-no-coding/134/1 "2018-05-10T11:56:11Z")

</div>

The green blurry background image is 580k big! That’s more than 20 seconds for some poor souls!  
Replace it with this optimized one I made. I cannot see any visible difference in use.

Replace it with an optimised one.

Done.

---

<div class="post-metadata">

**Author:** ![xabispacebiker](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.libretime.org/xabispacebiker/32/24_2.png) [@xabispacebiker](https://discourse.libretime.org/u/xabispacebiker)\
**Post date:** [June 9, 2018, 10:34pm UTC](https://discourse.libretime.org/t/radio-page-how-to-save-500k-every-page-load-in-2-minutes-no-coding/134/2 "2018-06-09T22:34:36Z")

</div>

Thanks, that makes a difference… Also with a little more of work, the progress bar can be created just with CSS, we would save additional 297Kb.

Here is an example of progress bars with pure css: [https://css-tricks.com/examples/ProgressBars/](https://css-tricks.com/examples/ProgressBars/)

the offending progress bar is on /airtime\_mvc/public/css/radio-page/pbar-ani.gif.

If I find some time I will apply both modifications.