I am starting an online portal and I calculated that I need about 102 Images (based on the amount of articles), the problem is I want to keep the whole page below 800KB (Including all assets). I want to do this as I was reading through articles that minimizing requests helps increase speed and I also have a really bad "wait" time according pingdom for my resources (some up to 150ms), so I want to decrease the "wait" time.
Before coming here, I asked other programmers they said this wasn't possible, but I know it is, as both MSN and Yahoo achieve this.
- Webpage: 54.KB (53.7KB - Actual Size)
- CSS: 190KB
and since my website is a blog/article website which has to show articles (located in other pages of my website), do you think if I sprite all of the article images and give it a quick lose less compression it would help? and if so how would I automate this process? because I have an admin portal that allows me to post new articles which updates this page (and the images too!).
Please Note the Admin Portal has a fixed image dimension for images which might help with this process.
I am also open to other solutions which can help my problem.
Thanks in advance.