Project: The War

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ruben Portier

Ruben Portier

07/07/2010 17:19:56
Quote Anchor link
Beste

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
 
PHP hulp

PHP hulp

12/04/2021 20:39:05
 

07/07/2010 17:20:47
Quote Anchor link
Fijn voor je.
Ah, een url.
Hij laad hier snel genoeg.
Gewijzigd op 07/07/2010 17:22:26 door
 
Ruben Portier

Ruben Portier

07/07/2010 17:21:56
Quote Anchor link
Ja sorry, ik zag zonet dat ik die vergeten was :p Het belangrijkste vergeet ik altijd ;)

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
 

07/07/2010 17:26:08
Quote Anchor link
Al yslow gebruikt?
Denk dat het ontwerp wel past bij het doel.
Gewijzigd op 07/07/2010 17:28:21 door
 
Ruben Portier

Ruben Portier

07/07/2010 17:27:29
Quote Anchor link
Al yslow?
Bedankt voor je reactie!
 

07/07/2010 17:28:50
Quote Anchor link
Al, als in van heb je al? yslow.
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.

http://analyze.websiteoptimization.com/wso
 
Ruben Portier

Ruben Portier

07/07/2010 17:33:33
Quote Anchor link
Ow oke. Dat was dus voor de snelheid :P Bedankt. Maar ik ga hem niet verder optimizen. Hij werkt naar mijn zeggen toch redelijk snel. Zelfs bij wat tragere internet snelheden.

Graag hoor ik nog wat opmerkingen of dingen die ik zou moeten / kunnen veranderen.
 
Sander de Vos

Sander de Vos

07/07/2010 18:01:02
 
Tobias Tobias

Tobias Tobias

07/07/2010 20:10:27
Quote Anchor link
hier geen problemen met snelheid. Ziet er wat betreft opmaak netjes en strak uit.
 
Jurrian Nijland

Jurrian Nijland

07/07/2010 21:19:54
Quote Anchor link
Die valid links onderaan, kan je in de link ook nog FF
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
target="_blank"
neerzetten?

Dan verlaten ze je website niet en houdt je je bezoekers dus (ook al klikt er vast niemand op xD)
 
Ruben Portier

Ruben Portier

07/07/2010 21:30:04
Quote Anchor link
Oke, bedankt voor jullie reacties.

@Jurrian: Goed idee (Y) Ik zal dat vanavond nog wel even fixen.


Verder nog iemand commentaar?
 
Sander salemander

sander salemander

07/07/2010 23:22:52
Quote Anchor link
tja de achtergrond is wel mooi, maar de rest vind ik niet echt mooi.

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 :)
 
Citroen Anoniem Graag

Citroen Anoniem Graag

08/07/2010 00:02:30
Quote Anchor link
schenk even aandacht aan de tekst. Regelafstand doet wonderen!
 
Ruben Portier

Ruben Portier

10/07/2010 19:19:29
Quote Anchor link
Bedankt voor jullie reacties.
@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 D

Mark D

10/07/2010 20:21:17
Quote Anchor link
@Ruben, met regelafstand wordt line-height in css bedoeld, en niet de paddings.
 
Marcus Tullius

Marcus Tullius

10/07/2010 20:25:31
Quote Anchor link
@Ruben, je moet niet om advies vragen om vervolgens te vertellen dat je het design toch al goed vindt. : )
 
Ruben Portier

Ruben Portier

10/07/2010 20:59:25
Quote Anchor link
Dat zeg ik niet Marcus, maar wat ik bedoel is gewoon. Ik ben blij dat je commentaar enzo geeft. Maar ik zij gewoon dat ik het liever zo houd. Dus het niet zal veranderen. Dat mach toch neem ik aan? :O

@Mark: bedoel je op de menu buttons? Dit was ik inderdaad van plan, maar ben ik vergeten. Bedankt dat je me eraan herinnerd ;)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.