Project: The War
Ik ben al een heel eindje bezig aan een project voor mezelf. Het wordt een soort MMORPG-klik spel. Het zal gaan over oorlogen. Het spel zal zeer uitgebreid worden. Nu heb ik vandaag bijna de volledige lay-out af gewerkt. Nu wil ik even horen wat jullie er al van vinden.
De lay-out is tevens ook compleet xHTML 1.0 en CSS 2.1 valid.
Graag wil ik ook even horen of de website snel genoeg laad. Want hij beschikt nu over een aantal zeer grote images die ik toch graag op hoge kwaliteit houdt.
Verder wil ik nog even zeggen dat het normaal is dat de titel een soort lelijke schaduw heeft. Dit komt omdat er echte tekst boven de afbeelding staat. Ik moet die tekst nog uit de afbeelding verwijderen.
Project: The War
Gewijzigd op 07/07/2010 17:21:00 door Ruben Portier
EDIT: Blij om te horen dat hij snel laad. Kan je misschien eens wat zeggen wat je ervan vindt en zo?
Gewijzigd op 07/07/2010 17:23:48 door Ruben Portier
Bedankt voor je reactie!
zonsitetestergeval:
Web Page Speed ReportURL: http://www.rubenportier.be/project-thewar/abcdefg/
Title: Project: The War
Date: Report run on Wed Jul 7 11:26:08EDT2010
Diagnosis
Global StatisticsTotal HTTP Requests: 14
Total Size: 159206 bytes
Object Size TotalsObject type Size (bytes) Download @ 56K (seconds) Download @ T1 (seconds)
HTML: 1854 0.57 0.21
HTML Images: 23357 5.06 0.52
CSS Images: 132994 28.51 2.70
Total Images: 156351 33.57 3.22
Javascript: 0 0.00 0.00
CSS: 1001 0.40 0.21
Multimedia: 0 0.00 0.00
Other: 0 0.00 0.00
External ObjectsExternal Object QTY
Total HTML: 1
Total HTML Images: 2
Total CSS Images: 10
Total Images: 12
Total Scripts: 0
Total CSS imports: 1
Total Frames: 0
Total Iframes: 0
Download Times*Connection Rate Download Time
14.4K 126.19 seconds
28.8K 64.50 seconds
33.6K 55.68 seconds
56K 34.53 seconds
ISDN 128K 12.52 seconds
T1 1.44Mbps 3.64 seconds
*Note that these download times are based on the full connection rate for ISDN and T1 connections. Modem connections (56Kbps or less) are corrected by a packet loss factor of 0.7. All download times include delays due to round-trip latency with an average of 0.2 seconds per object. With 14 total objects for this page, that computes to a total lag time due to latency of 2.8 seconds. Note also that this download time calculation does not take into account delays due to XHTML parsing and rendering.
Page ObjectsQTY SIZE# TYPE URL COMMENTS
1 69629 CSS IMG www.rubenportier.be ... fg/includes/images/bg.jpg Header size = 217 bytes
1 35448 CSS IMG www.rubenportier.be ... ncludes/images/header.png Header size = 215 bytes
1 20254 IMG www.rubenportier.be ... /includes/images/tank.png Header size = 215 bytes
2 10470 CSS IMG www.rubenportier.be ... images/content_nav_bg.png Header size = 215 bytes
1 4995 CSS IMG www.rubenportier.be ... cludes/images/sitemap.png Header size = 214 bytes
1 3103 IMG www.rubenportier.be ... es/images/content_top.png Header size = 213 bytes
1 3068 CSS IMG www.rubenportier.be ... ludes/images/button_n.png Header size = 213 bytes
1 3061 CSS IMG www.rubenportier.be ... ludes/images/button_o.png Header size = 213 bytes
1 3011 CSS IMG www.rubenportier.be ... es/content_nav_bottom.png Header size = 213 bytes
1 2906 CSS IMG www.rubenportier.be ... includes/images/arrow.png Header size = 213 bytes
1 1854 HTML http://www.rubenportier.be/project-thewar/abcdefg Header size = 396 bytes
Congratulations! This file was compressed.
View a formatted version of this HTML file
1 1001 CSS www.rubenportier.be ... cludes/css/stylesheet.css Header size = 269 bytes
Congratulations! This file was compressed.
View a formatted version of this CSS file
1 227 CSS IMG www.rubenportier.be ... ncludes/images/arrow2.png Header size = 211 bytes
1 179 CSS IMG www.rubenportier.be ... des/images/content_bg.png Header size = 211 bytes
14 ^ 159206* Total (^unique objects)
# Congratulations. This site is using HTTP compression, otherwise called content encoding using gzip. The sizes reported here are for compressed content sent from the server to the client.
* CSS alternate stylesheets may be referenced in the HTML but are not actually downloaded until they are needed and are therefore not included in the total page size.
Analysis and Recommendations
TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization. Y
TOTAL_OBJECTS - Caution. You have 14 total objects on this page. From 12 to 20 objects per page, the latency due to object overhead makes up from 75% to 80% of the delay of the average web page. See Figure II-3: Relative distribution of latency components showing that object overhead dominates web page latency in Website Optimization Secrets for more details. Consider reducing, eliminating, and combining external objects (graphics, CSS, JavaScript, iFrames and XHTML) to reduce the total number of objects, and thus separate HTTP requests. Consider using CSS sprites to help consolidate decorative images.
TOTAL_IMAGES - Caution. You have a moderate amount of images on this page (12 ). Consider using fewer images on the site or try reusing the same image in multiple pages to take advantage of caching. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can help reduce HTTP requests.
TOTAL_CSS - Congratulations, the total number of external CSS files on this page is 1 . Because external CSS files must be in the HEAD of your HTML document, they must load first before any BODY content displays. Although they are cached, CSS files slow down the initial display of your page. Remember to place CSS files in the HEAD and JavaScript files at the end of the BODY to enable progressive display.
TOTAL_SIZE - Caution. The total size of this page is 159206 bytes, which will load in over 20 seconds on a 56Kbps modem - or 34.53 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Be sure to provide feedback for pages over 100K by layering your design to display useful content within the first two seconds. Consider optimizing your site with Website Optimization Secrets, Speed Up Your Site or contacting us about our optimization services.
HTML_SIZE - Congratulations, the total size of this HTML file is 1854 bytes, which less than 50K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your HTML to display content in under 10 seconds, the average time users are willing to wait for a page to display without feedback.
IMAGES_SIZE - Warning! The total size of your images is 156351 bytes, which is over 100K. Consider switch graphic formats to achive smaller file sizes (from JPEG to PNG for example). Finally, substitute CSS techniques for graphics techniques to create colored borders, backgrounds, and spacing.
CSS_SIZE - Congratulations, the total size of your external CSS is 1001 bytes, which is less than 8K.
MULTIM_SIZE - Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 10K.
Title: Project: The War
Date: Report run on Wed Jul 7 11:26:08EDT2010
Diagnosis
Global StatisticsTotal HTTP Requests: 14
Total Size: 159206 bytes
Object Size TotalsObject type Size (bytes) Download @ 56K (seconds) Download @ T1 (seconds)
HTML: 1854 0.57 0.21
HTML Images: 23357 5.06 0.52
CSS Images: 132994 28.51 2.70
Total Images: 156351 33.57 3.22
Javascript: 0 0.00 0.00
CSS: 1001 0.40 0.21
Multimedia: 0 0.00 0.00
Other: 0 0.00 0.00
External ObjectsExternal Object QTY
Total HTML: 1
Total HTML Images: 2
Total CSS Images: 10
Total Images: 12
Total Scripts: 0
Total CSS imports: 1
Total Frames: 0
Total Iframes: 0
Download Times*Connection Rate Download Time
14.4K 126.19 seconds
28.8K 64.50 seconds
33.6K 55.68 seconds
56K 34.53 seconds
ISDN 128K 12.52 seconds
T1 1.44Mbps 3.64 seconds
*Note that these download times are based on the full connection rate for ISDN and T1 connections. Modem connections (56Kbps or less) are corrected by a packet loss factor of 0.7. All download times include delays due to round-trip latency with an average of 0.2 seconds per object. With 14 total objects for this page, that computes to a total lag time due to latency of 2.8 seconds. Note also that this download time calculation does not take into account delays due to XHTML parsing and rendering.
Page ObjectsQTY SIZE# TYPE URL COMMENTS
1 69629 CSS IMG www.rubenportier.be ... fg/includes/images/bg.jpg Header size = 217 bytes
1 35448 CSS IMG www.rubenportier.be ... ncludes/images/header.png Header size = 215 bytes
1 20254 IMG www.rubenportier.be ... /includes/images/tank.png Header size = 215 bytes
2 10470 CSS IMG www.rubenportier.be ... images/content_nav_bg.png Header size = 215 bytes
1 4995 CSS IMG www.rubenportier.be ... cludes/images/sitemap.png Header size = 214 bytes
1 3103 IMG www.rubenportier.be ... es/images/content_top.png Header size = 213 bytes
1 3068 CSS IMG www.rubenportier.be ... ludes/images/button_n.png Header size = 213 bytes
1 3061 CSS IMG www.rubenportier.be ... ludes/images/button_o.png Header size = 213 bytes
1 3011 CSS IMG www.rubenportier.be ... es/content_nav_bottom.png Header size = 213 bytes
1 2906 CSS IMG www.rubenportier.be ... includes/images/arrow.png Header size = 213 bytes
1 1854 HTML http://www.rubenportier.be/project-thewar/abcdefg Header size = 396 bytes
Congratulations! This file was compressed.
View a formatted version of this HTML file
1 1001 CSS www.rubenportier.be ... cludes/css/stylesheet.css Header size = 269 bytes
Congratulations! This file was compressed.
View a formatted version of this CSS file
1 227 CSS IMG www.rubenportier.be ... ncludes/images/arrow2.png Header size = 211 bytes
1 179 CSS IMG www.rubenportier.be ... des/images/content_bg.png Header size = 211 bytes
14 ^ 159206* Total (^unique objects)
# Congratulations. This site is using HTTP compression, otherwise called content encoding using gzip. The sizes reported here are for compressed content sent from the server to the client.
* CSS alternate stylesheets may be referenced in the HTML but are not actually downloaded until they are needed and are therefore not included in the total page size.
Analysis and Recommendations
TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization. Y
TOTAL_OBJECTS - Caution. You have 14 total objects on this page. From 12 to 20 objects per page, the latency due to object overhead makes up from 75% to 80% of the delay of the average web page. See Figure II-3: Relative distribution of latency components showing that object overhead dominates web page latency in Website Optimization Secrets for more details. Consider reducing, eliminating, and combining external objects (graphics, CSS, JavaScript, iFrames and XHTML) to reduce the total number of objects, and thus separate HTTP requests. Consider using CSS sprites to help consolidate decorative images.
TOTAL_IMAGES - Caution. You have a moderate amount of images on this page (12 ). Consider using fewer images on the site or try reusing the same image in multiple pages to take advantage of caching. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can help reduce HTTP requests.
TOTAL_CSS - Congratulations, the total number of external CSS files on this page is 1 . Because external CSS files must be in the HEAD of your HTML document, they must load first before any BODY content displays. Although they are cached, CSS files slow down the initial display of your page. Remember to place CSS files in the HEAD and JavaScript files at the end of the BODY to enable progressive display.
TOTAL_SIZE - Caution. The total size of this page is 159206 bytes, which will load in over 20 seconds on a 56Kbps modem - or 34.53 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Be sure to provide feedback for pages over 100K by layering your design to display useful content within the first two seconds. Consider optimizing your site with Website Optimization Secrets, Speed Up Your Site or contacting us about our optimization services.
HTML_SIZE - Congratulations, the total size of this HTML file is 1854 bytes, which less than 50K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your HTML to display content in under 10 seconds, the average time users are willing to wait for a page to display without feedback.
IMAGES_SIZE - Warning! The total size of your images is 156351 bytes, which is over 100K. Consider switch graphic formats to achive smaller file sizes (from JPEG to PNG for example). Finally, substitute CSS techniques for graphics techniques to create colored borders, backgrounds, and spacing.
CSS_SIZE - Congratulations, the total size of your external CSS is 1001 bytes, which is less than 8K.
MULTIM_SIZE - Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 10K.
http://analyze.websiteoptimization.com/wso
Graag hoor ik nog wat opmerkingen of dingen die ik zou moeten / kunnen veranderen.
Snelheid goed genoeg, hoef je niks aan te veranderen.
Gewijzigd op 07/07/2010 18:54:32 door Sander de Vos
Code (php)
1
target="_blank"
Dan verlaten ze je website niet en houdt je je bezoekers dus (ook al klikt er vast niemand op xD)
@Jurrian: Goed idee (Y) Ik zal dat vanavond nog wel even fixen.
Verder nog iemand commentaar?
ik vind de header te simpel
mischien kan je bovenin meteen een login venster doen.
en een mooiere header beetje grijs met wit vind ik niet echt goed eruit zien.
er mag wel meer kleur in, het is nu erg saai ik zou het niet gaan spelen.
het is te donker doordat er alleen zwart/grijs/wit inzit
en de footer is ook niet mooi afgewerkt een zwart blok alleen daar mag ook wel meer mee gebeuren vind ik.
nou nog succes het begin is er :)
@sander: Ik vindt de header best wel mooi zo en een login daarin implanteren heb ik geprobeerd maar dat paste niet echt. Ook vindt ik het juist mooi met donkere kleuren. Als ik daar nu 1 kleur in zal steken zal die kleur echt gaan opvallen. Dat wil ik juist niet. Een iets donkerder design past wel bij een oorlog game lijkt mij, niet?
@Citroen: Ik snap niet waarom je begint over regelafstand? Ik vond de regelafstand juist goed geplaatst zo. Of moet ie misschien iets verder van de randen?
Bedankt voor jullie reacties trouwens (Y)
@Mark: bedoel je op de menu buttons? Dit was ik inderdaad van plan, maar ben ik vergeten. Bedankt dat je me eraan herinnerd ;)