ishmell Posted October 6, 2009 Posted October 6, 2009 Im currently working on a new look for BSM. So far I got the login page template near completed. Have a look at the fallowing link below and then let me know what you think... (Be sure to hover over the menu and Sign Up Today text to the right) http://www.blacksheep-mafia.com There is still some tweaking to do and one or two things to add... Quote
mdshare Posted October 6, 2009 Posted October 6, 2009 Nice but 771 Kb is a lil bit overboard for a page, try to keep your pages below 150Kb Also think on your bandwidth not only the download speed of your members. 3000 visits a day is already +2 Gb for that single page. Small changes could help you already, example BSMHM9.jpg could be 1 pixel of width, BSMH7.jpg could also be 1 pix width This would already be dropping 43Kb The buttons, make them CSS buttons instead of images that's another 154Kb saved Quote
Peter || MaxPixa Posted October 6, 2009 Posted October 6, 2009 The hover images are nice i like them kind of got a nice style, however if your looking at it all together i think the old one was better. Quote
ishmell Posted October 6, 2009 Author Posted October 6, 2009 @mdshare Your absolutely right, ill be sure to make appropriate changes. Thanks for the heads up... @Peter Thanks, yeh im trying to go for a unique style for both the games design and game play. Quote
mdshare Posted October 6, 2009 Posted October 6, 2009 oh I might be wrong alldepends what market segment you aim for but I tend to look at multiple factors and that includes peoples download speed as server bandwidth usage. eg CETWG stats 24.03% of the people voting at games is on dialup which is 56Kbps Quote
ishmell Posted October 6, 2009 Author Posted October 6, 2009 Yeh that's true, for the first little while ill keep it how it is now with only a few adjustments and if I begin to see allot of visits/space being used by others then ill defiantly focus on reducing its size. I have a couple virtual private servers, one thats not doing anything so space is not an issue. Quote
mdshare Posted October 6, 2009 Posted October 6, 2009 yea but like CETWG reveals 24% of browser game players are on dialup so a heavy page like yours will keep them away as it will take 15 seconds to load, while using the aprox standard of a single page 150Kb is only 3 seconds for them Quote
Taxed Posted October 7, 2009 Posted October 7, 2009 Another aproach to the loading times of a page. Im not sure if this is done much anymore, but personally when i release my current project I will be offering a very nice looking layout as the norm. But will be offering users an option on the home page to revert to a low graphic template to take low connection speeds into account. This way all users have the best of both worlds. Quote
ishmell Posted October 7, 2009 Author Posted October 7, 2009 @ahmed Thanks... @Taxed Hey thats a good idea, I may have to steal the idea lol Quote
mdshare Posted October 7, 2009 Posted October 7, 2009 interesting concept found this snippet that could be used kinda for the above idea <script type="text/javascript"> <!-- //Bandwidth Redirect ver:1.0 function setBandwidth(whichVal){ var expdate = new Date(); expdate.setTime(expdate.getTime() + (60*60*24*365)); document.cookie = 'setbandwidth=' + whichVal + '; expires=' + expdate.toGMTString() + '; path=/'; } BCt=new Date(); BCs=BCt.getTime(); function bandwidthDetect() { var args=bandwidthDetect.arguments; var el=(document.layers)?document.layers['Layer1'].document.Myimage1:document.Myimage1; if(el.complete){ BCt=new Date(); BCe=BCt.getTime(); BCd=(BCe-BCs)/1000; if(document.cookie.indexOf('setbandwidth=1')>=1) { location.href=args[1];}else if(document.cookie.indexOf('setbandwidth=2')>=1) {s location.href=args[2];}else if(BCd<args[0]){setBandwidth(1);location.href=args[1];}else if(BCd>=args[0]){setBandwidth(2);self.location.href=args[2];} } } //BRD_End //--> </script> </head> <body text="#333333" link="#0066CC" vlink="#0066CC" alink="#FF0000" onload="bandwidthDetect('4.5','http://www.url.com/fast.html','http://www.url.com/slow.html')"> <div id="Layer1" style="position:absolute; left:0px; top:0px; width:174px; height:60px; z-index:1; visibility: hidden"> [img=imagetoload.gif]</div> <div align="center"> Determining your connection speed.... </p> </div> </body> </html> Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.