Freeciv As Benchmark of HTML5 Canvas Javascript Performance
Andreas(R) writes "The Freeciv.net crew has benchmarked their web client, which is a rich web application using the HTML5 canvas element. This shows how fast Firefox, Google Chrome, Safari and Internet Explorer perform using the latest HTML5 web standards."
Now someone just needs to port the Quakes over, for a real benchmark. None of this turn-based strategy nonsense. :p
IE8 isn't the dominant IE browser yet. Drop IE8 support and offer the IE6/IE7 users a chance to go to another browser. If they have to get used to a new 'look' anyway, what's the difference between IE6->Chrome vs IE6->IE8?
Worth noting that Chrome, as the fastest, is still only eight frames per second, which would be dreadful even for a turn-based game. I didn't see where they said how powerful of a machine they ran it on, so I assume it's a moderately powerful pc. Still, it's within an order of magnitude of where it needs to be, so it'll probably be running smoothly within a year or two.
This seems like a con to get me to sign up to their service.
Comment removed based on user account deletion
They had rendering issues with Opera's implementation of one of the functions they were using. One of the Opera developers is actively helping them fix it, which is pretty impressive on Opera's side.
When you're afraid to download music illegally in your own home, then the terrorists have won!
The iPhone is not quite fast enough : /
May /. isn't as cool as it used to be? Seriously, when was the last time /. got slashdotted?
Clearly you didn't even read the article, just looked at numbers. IE should not have even been tested - it does not support HTML5 canvas elements! They worked around this using a bunch of really ugly hacks that completely destroyed the performance, but honestly they'd have been better off simply saying "it doesn't work, we'll wait until IE9, thanks for giving us Acid2 compatibility but you've got a long way to go!"
IE8 actually works pretty damn well for much of the modern web; it's far from the fastest but it's fast enough for most, it is compatible with CSS2 and the other standards most web developers still use, and it has fixed most of the issues that people have cursed at IE over for so long. However, it has very little support for new standards - its CSS3 is still limited, and as far as I know it supports no HTML5 at all. Compared to the rapid improvement of other browsers, the IE team had better be on their toes or they'll be left far behind in the dust.
There's no place I could be, since I've found Serenity...
Try looking at the comments on the linked page. There's an opera dev that has commented and they appear to be working on getting it working.
Worth pointing out that HTML5 isn't a standard yet. It's still in draft for the next couple years.
Yeah, because all these browser makers falling all over themselves to implement a half baked, incomplete standard that nobody's using for much of anything are so ahead of the game, amiright? Nobody but neckbeards cares about HTML5...yet.
Indeed. I found the comments more interesting than the article.
Cowboyneal has worked out a system to automatically transfer all 2 posts where they belong.
Or someone sold out.
The Cloud - because you don't care if your apps and data are up in the air.
... all posts less than 2...
come on slashcode !
The Cloud - because you don't care if your apps and data are up in the air.
Ugh, yes. I don't even use either of those services.
I couldn't find a control specifically for them, but I did discover that turning on Help & Preferences > Layout > Use Classic Index seemed to kill them without too much impact.
Thanks, that seems to have worked.
I'm still a bit pissed-off that such a change would be made, unannounced, to people like me that actually pay for their services. This is a bit angrifying.
Would testing it in Safari on Snow Leopard make much of a difference compared to the 32-bit Windows version? To me it seems Safari is always snappier on OS X. My general rule is that on Windows I use Chrome and on OS X I use Safari. This just seems to work well for me.
IE8 is sure not slow for most web browsing. I messed with it recently before deciding to go back to Firefox and it displays normal web pages noticeably faster. In either case we are talking like a second or less, but still. Most websites out there, IE8 was enough of an improvement I noted it.
Now obviously that wasn't enough for me to switch, but you are right that the "Oh it is so slow!" crap is disingenuous. IE8 doesn't have support for the new standards, but what it does support it seems to be pretty zippy with.
Seriously though, any idea why Chrome is faster on Vista, the most maligned, stereotyped as slow OS there has ever been? Would also be keen to see OS X results.
I run: Windows, OS X, Linux, FreeBSD. Just because you have a hammer, doesn't mean everything is a nail.
shouldn't have done the hacks, should have just put up a browser incompatibility page... you know, like ie only sites do for firefox users telling us to upgrade to Netscape 4...
Donald 'Duck' Dunn: We had a band powerful enough to turn goat piss into gasoline.
And people who are tired of flash dominating the web, yet performing abysmally for video.
I'm still a bit pissed-off that such a change would be made, unannounced, to people like me that actually pay for their services. This is a bit angrifying.
Why? The buttons are small, not particularly intrusive, and useful for people that use those services -- and as they're very popular, that's a lot of people.
If you don't use FB/twitter, or don't want to link to slashdot stories from there, then don't click the buttons.
Yeesh...
We live, as we dream -- alone....
Has anyone compared IE8 x86 vs 64bit with this benchmark? If so, what were the results?
Life is not for the lazy.
I think what info we've released publicly with IE9 is promising. New and vastly improved javascript engine, hardware accelerated rendering, lots of new standards support (and we're highly active in ECMAScript v5 and joined the SVG working group). Oh, and did I mention, we now do rounded borders?!
I don't know, I ran their benchmark in IE8 and got 382ms, so not sure how they got 4000+. Their benchmark though.
correct
Incorrect. IE8 isn't the most common browser in any graph I have seen however that is irrelevant (see below).
I'm not even sure what you're trying to say here. Either way not writing a site specifically for IE doesn't mean you're disconnected from the real world. There are lots of reasons not to.
If none of your visitors use IE then it's not a priority to support it. If you're doing a demo showing off the canvas tag in HTML 5 then not supporting IE8 isn't going to bother anyone.
Your biggest problem is that you have fallen into the trap of thinking worldwide usage == my website's statistics. Worldwide common browser usage means nothing if 90% of your users are on chrome or Firefox. You sound like an amateur for not mentioning the basics such as target market, user requirements or even analysis of usage statistics of an existing website.
It feels a bit like not being able to turn off the "astrology" tab on your Yahoo home page. While it doesn't actively HURT you, it's unpleasant to have it in your face, and it would be nice if the site gave you an option to turn it off.
(I haven't look at my yahoo home page in a year or two, though, so maybe they eventually fixed that.)
SuSE OpenLinux had an old 3.0.7 version of Firefox while Vista had a newer version.
Firefox 3.5 has a totally rewritten javascript engine from scratch. It uses some dynamic tree mathmatical aglorithms to perform operations many times faster and has support for javascript functions mapped in ram before execution. Vista used Firefox 3.5 while SuSE had Firefox 3.0.7 installed without the new javascript engine. Firefox 3.0.x was a ram hog compared to 3.5 too.
I also imagine Safari would execute on MacOSX much better than Windows since its designed for it. Itunes is kind of proof as it sucks on Windows.
http://saveie6.com/
A year ago I experimented with HTML5, and made (you guessed it) a Tetris clone, which took advantage of Canvas elements.
I noted that when drawing entire images, it was all very fast. Drawing a frame took about 12ms in Firefox and Opera. (limited by the precision of the timer)
Then I tried combining all the images into one, and drawing a region from the tileset. Talk about slowdown! Wow! Separate 64x64 images blitted fast, but as soon as it was dealing with a 512x512 image, the time to render jumped to about 500ms.
I did some quick pixel math and concluded both Opera and Firefox must've been making a copy of the entire tileset every time I tried to blit a region from it. It's the only thing that added up. When I boosted the size to 1024x1024, it jumped to over 2000ms for a frame. Completely ridiculous! ;)
Perhaps someone else could chime in about whether this bug has been fixed? Note: I was blitting from Image elements to Canvas elements. Canvas to Canvas always worked fine for me.
IE should not have even been tested - it does not support HTML5 canvas elements!
Indeed it doesn't. A lot of the hacks involved to get IE to support canvas is merely an emulation of canvas using VML.
I've experimented with a bunch of sprite based animation stuff on canvas, and have seen similarly terribly poor results on a bunch of versions of IE using the code google wrote. (I'm assuming their benchmark is regarding the rendering sequence) Might as well create <image> tags, and animate the image tags with some style manipulation using js, because functionally what the hacks are doing to make canvas work on IE. (This is not regarding tricks to speed up the rendering, such as recycling DOM elements, which is cheaper than creating new DOM elements *shrug*)
Man, I should have read the article. FTFA:
Note that the implementation for Internet Explorer 8 does not use the HTML5 canvas element, because this isn't supported. Freeciv.net implements a canvas-replacement using DHTML and divs with clipped background-images. Therefore the test results are not directly comparable with the other web browsers.
That's what I get for not reading the article :-(
in stylish or usercss or whatever:
.share, .sharebar {
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("slashdot.org") {
display: none !important;
}
}
Ce n'est pas une signature automatique.
Or maybe they will define the lowest common denominator of standards support through their market share. Again.
Amusing so Vista is as good as XP for running programs but it need much more powerful hardware(!).
Don't you see a "small" contradiction/incoherence in your post?
I'd expect them to help out.
It is kind of bad for pr when performance test of all popular browsers do not include yours because it won't run in it (and in it alone)...
-- Technology for the sake of technology is as pathetic as eschewing technology because it's technology.
Wow, that benchmark makes IE look almost as antiquated as the game Civilization.
Space Invaders, Monopoly, ... oh my.
http://gamesexcel.com/games-excel-vba.html
"Good news, everyone!"
I think the IE management is still living in 2005 with their 95% market share and want to leave HTML5 in the dust.
I wonder how the game would run on Safari (or Chrome or Firefox or Opera for that matter) on the Mac vs. Safari on Windows 7? I'm sure with a few tweeks for Mobile Safari, FreeCiv could become a favorite on the new iPad.
Taking guns away from the 99% gives the 1% 100% of the power.
um no it's not. I have to use IE 8 every day and it is slow. The kind of click to open in a new tab walk take a sip of coffee and and then I can use the computer again slow. It's page rendering isn't bad but that is offset with browser lock ups when trying to open more than one tab at a time. In safari, firefox, and even chrome, I can read one webpage and open up a bunch of tabs from it. in IE8 loading one tab in the background is enough to halt the whole computer interface for a couple of seconds. It has been that way since IE 8 was installed off a fresh windows install.
I am tempted to install chrome or firefox at work even though I shouldn't.
i thought once I was found, but it was only a dream.
you can see them implementing some HTML 5 functionality as a contest of whom piss the further. But I prefer to see it as a testbed of HTML 5, seeing what work and what doesn't to improve the actual draft of the HTML 5 spec. A lot of the spec in HTML 5 are in because of the implementation done by Mozilla, Opera and Chrome of these specs.
Wait a moment.. you are a Yahoo user who is complaining about slashdot including two small iconified links to Facebook and Twitter on a couple of profile pages?
Well shit.. don't that beat all.
"His name was James Damore."
Sounds like a major step up. I hadn't actually seen any info on IE9, but if you say it's released publicly I'll take a look. Better JavaScript will definitely be very nice, as would SVG, but I do hope that canvas, at least, is supported too.
Any idea when a beta will be available, for MSDN subscribers or otherwise?
There's no place I could be, since I've found Serenity...
It's uncanny valley effect. Digg button is missing.
The summary and the freeciv.net main page (I'm sure it's somewhere else but that's my point) doesn't mention this: it's based on freeciv.org.
(also strange; the freeciv.org site only mention freeciv.net in their 'community news', not 'project news', so it really seems "distinct projects", they're not officially promoting the other option, yet?)
Animoog.org
...using the latest HTML5 web standards
Amazing how long it's taken to get a freakin' frame buffer.
Cue a zillion Web 3.0 marketeers about how the web browser is the OS of the future. Oh, and the iPad is really keen-o, too.
This isn't HTML5-specific, but um... writing about newer browser technology as Slashdot gets upgraded into even more web 2.0 greatness (or horribleness, if that's your taking). Really? Facebook and Twitter links? And I may have easily missed it happen some time ago, but moving around the "slashboxes" on the right is not something I noticed until just accidentally tripping on it right as I saw this thread...
Take this positive or negative... fact of the matter is, I've not decided yet...
That being said, it's FreeCiv! Of course I signed up.
Some of us like Slashdot because it's a place where we can find people with a similar interest in open systems to debate. Having every story contain a link to a walled garden is a slap in the face. I heard that Taco was unhappy with the direction the new owners were taking the site in; maybe he should think about setting up something that's a bit more true to what Slashdot used to be about.
I am TheRaven on Soylent News
Far easier is to run XP with IE6 in a virtual container on the desktop PC, providing support for the legacy estate while permitting new systems to be introduced using modern browsers.
Although less elegant, less secure and less fun than your approach it does have the advantage of being already possible and easy to roll out by a corporate IT department.
Oh, and did I mention, we now do rounded borders?!
That's nice. What about gradients?
I started playing Civ4 last week for a couple of games -- it runs very well in Wine, incidently -- and I'm wondering how FreeCiv compares. Obviously the graphics aren't there, but after a couple of games that seems less and less important. The gameplay mechanics are what matters, and I think they work very very well in Civ4. And is the AI any good? Wikipedia seems to imply that diplomacy is a bit simple.
Anybody got "in-depth" experience with both games?
Switch back to Slashdot's D1 system.
I've been using Lite Mode for years and years. This stuff never bothers me and it's reading /. the way god intended.
-l
Help cure AIDS, cancer, and more. Donate your unused computer time to worldcommunitygrid.org. Join Team Slashdot!
Building to modern published (complete) standards is the only real way.
XHTML 1.0 and SVG 1.1 are "modern published (complete) standards", yet not even IE 8 supports them.
How is neckbeard an insult? Are we seriously starting to discriminate based on the pattern of someone's facial hair? Wow...
so what do we do with all the extra power? We rewrite games we played many years ago on top of so many layers of abstraction that they're no longer playable
Sure, an inner platform reduces efficiency. But it also acts as a sandbox to prevent the program from destroying or disclosing your personal documents or making permanent system changes that degrade your user experience outside of a given application. For instance, a few versions of PHP a while back had a "safe mode" that (among other things) limited a PHP program's file system reads and writes to a given folder so that it could not affect other unrelated applications running on the same server.
The main problem is the memory floor before you actually run anything is far too close to the memory ceiling that can be addressed by 32bit Vista (some other MS 32 bit systems don't have that problem - eg. some versions of MS Server2003).
Intel 32-bit CPUs are capable of addressing more than 4 GB of physical memory, but a lot of device drivers aren't properly aware of this. 32-bit editions of Windows Server support more RAM because they have a separate driver certification process.
Based on your description I doubt the problem is with IE 8, rather I suspect the problem is with a mis-behaving browser plugin. New blank tabs should open nearly instantly and each tab loads in a separate thread
For instance, the Sun Java SSV Helper plugin for IE tends to cause a lot of the problems that you are describing including taking 3-4 seconds to open new tabs at times. I have no idea exactly what the Java SSV Helper plugin does but I have yet to encounter a Java applet that won't run without it, so I just disable it.
I have also seen the Adobe PDF Link Helper plugin cause problems (although the latest version of Adobe Reader 9 appears to have fixed most of those problems.)
Try starting Internet Explorer using the No Add-Ons shortcut and see if you still have problems. If performance is improved then you can launch IE the normal way and go to Manage Add-Ons and try disabling add-ons one by one until you find the ones that are causing problems.
With XP, it sounds like the constant overhead is lower (which makes sense, as it had to run on 200MHz chips), but the scalability load is higher (which also makes sense, because it wasn't designed for 4+ cores and 2+GB of RAM).
Which explains why Microsoft had to keep Windows XP around until it could severely cut the constant overhead of Windows NT 6.x. Otherwise, low-cost subnotebook PCs with specs closer to the former than the latter, like an ASUS laptop with 512 MB of RAM, a 900 MHz Celeron, and a 9" screen, would have been unable to run Windows. That's Microsoft's biggest weakness: "unable to run Windows" means end users might find out that the alternative isn't as bad as Microsoft makes it out to be.
Isn't it great that HTML5 is making hacks like Flash obsolete .. oh wait.
No, they're living in 2010 with a 60% market share.
Unless HTML5 outperforms Flash it's not likely to be the reason for anybody to switch. Anybody who hates MS or Flash has already switched, right?
The typical user doesn't give a rat's ass about "product X dominating the web".
"IE8 isn't the dominant IE browser yet. Drop IE8 support and offer the IE6/IE7 users a chance to go to another browser."
Companies want to have as many people as possible view their site. They don't care if their web developers don't want to support IE. There are plenty of developers out there that understand the golden rule: "those with the gold, make the rules". That's why they call it "work".
http://totalmound.com/xfdaoqb
I seriously doubt that any developer is writing a new application that requires IE6.
Even if they were major MS fanboy (is there such a thing?), there are much better Windows-specific tools today than there were in 2001.
AdBlock Plus:
slashdot.org##span.share
Alexander Peter Kristopeit bought his basement from his mommy for one dollar.
I’m using IE 7 and even with add-ons disabled opening a new tab takes about 1 second between hitting Ctrl-T and it displaying the new tab with my cursor in the address bar, ready to type. It’s annoying as hell.
Alexander Peter Kristopeit bought his basement from his mommy for one dollar.
The typical user will care when IE won't play the games that they want to play or view the videos they want to see.
The fact of the matter is that the web has constantly evolved since the day that the first hypertext was invented. Up until very recently Microsoft was trying to push developers in the direction of Silverlight. It wanted to see the web evolve towards being Windows-centric again.
However, Mozilla, Apple, and Google (and Opera, I guess), have all decided that what they really want is for plugins to go away and for the browser to simply become a better client. This apparently resonates with some developers. Removing a reliance on formats like Flash or Silverlight definitely has some advantages. You can get a modern web browser for most any platform these days, Silverlight and Flash are much harder to come by.
So, while it is pretty clear that Freeciv.net is out out on the bleeding edge, it is also pretty clear that this sort of web browser usage is something that Microsoft needs to pay attention to. After all, it is not like it is particularly difficult to replace IE with something else. Windows users have a multitude of browser choices. At some point I would imagine that supporting iPhone users with a HTML5 client makes more sense than supporting folks that can't (or won't) install another browser on their Windows PC.
Well, I suppose they could have probably made the IE hack work in Opera... with a similarly abysmal performance which would unfairly reflect on Opera, since Opera does support the canvas object and they just couldn’t get it working.
Alexander Peter Kristopeit bought his basement from his mommy for one dollar.
I added this AdBlock Plus filter as soon as I noticed them:
slashdot.org##span.share
Alexander Peter Kristopeit bought his basement from his mommy for one dollar.
Note: I am a subscriber and pay to not see ads.
If being a final standard counted for anything, we wouldn't need gigantic workarounds like jQuery to emulate a sane event model in IE. We'd have DOM2 which was standardised eight years ago.
Then again if we waited for the W3C to standardise anything useful, we'd better be ready to solve problems that occur in the meantime. Like the heat death of the universe.
"The typical user will care when IE won't play the games that they want to play or view the videos they want to see."
You're right if you replace "will" with "would" and "when" with "if". Where's the evidence that everybody's going to drop flash and embrace HTML5? Having the browsers support it is necessary, but the key player is the money guy who foots the bill for the websites - is he going to see a bottom-line advantage in rewriting the existing sites to be politically correct?
If Mozilla has decided they want plug-ins to go away, they better get on it - Firefox is the most plug-in centric browser there is.
I can't imagine that iPhone users will outnumber Windows users anytime soon. Besides, I thought the iPhone wasn't supposed to require any special support on the server side to allow browsing.
As I said, I haven't checked it in a year or two. The only thing I ever go to Yahoo for because one of my long-term email addresses is through yahoo.
However, I just double-checked, and it's still there. If you have the "personal assistant" enabled, which gives you a brief summary of recent email, weather, stocks, etc., it will also display astrology, and there's no option to turn it off.
It's a weird thing for a company to do. They would be aghast at the idea of displaying a tab on "Christianity" or some other religion and giving no option to turn it off, but force a much more ridiculous astrology tab.
IE8 actually works pretty damn well for much of the modern web; it's far from the fastest but it's fast enough for most, it is compatible with CSS2 and the other standards most web developers still use, and it has fixed most of the issues that people have cursed at IE over for so long. However, it has very little support for new standards - its CSS3 is still limited, and as far as I know it supports no HTML5 at all.
It supports some HTML5 features, e.g., localStorage. But many fewer than other browsers: multiple competitors already support video, audio, canvas, various new form attributes, and much more.
MediaWiki developer, Total War Center sysadmin
Firefox 3.0 doesn't support HTML5 either, but they've included that in the test, and it performs a lot better than IE8.
Firefox has supported <canvas> since 1.5, so it was perfectly fair to include 3.0.
MediaWiki developer, Total War Center sysadmin
Worth pointing out that HTML5 isn't a standard yet. It's still in draft for the next couple years.
Canvas is at last call at the WHATWG. Look at the little tags at the side: "Last call for comments". This means that the WHATWG (a standards organization) believes that part of the spec is stable and is asking for implementations.
Canvas is also a de facto standard. Gecko, WebKit, and Presto have all implemented it more or less interoperably for an awful long time now: Firefox since 2005, for instance.
You are correct to say that HTML5 is not yet a W3C standard, unless you call Working Drafts "standards". But the W3C is not the only standards body out there.
MediaWiki developer, Total War Center sysadmin
IE8 is sure not slow for most web browsing. I messed with it recently before deciding to go back to Firefox and it displays normal web pages noticeably faster. In either case we are talking like a second or less, but still. Most websites out there, IE8 was enough of an improvement I noted it.
Now obviously that wasn't enough for me to switch, but you are right that the "Oh it is so slow!" crap is disingenuous. IE8 doesn't have support for the new standards, but what it does support it seems to be pretty zippy with.
Tip: compare a fresh IE8 profile to a fresh Firefox profile. If you're comparing pristine IE8 to Firefox with all your history and bookmarks and extensions, then yeah, no kidding Firefox will be slower.
MediaWiki developer, Total War Center sysadmin
IE 8 is better, but it is still annoying. With each increment you get to pile on more !--[if IE 6]!-- !--[if IE 7]!-- !--[if IE 8]!-- type stuff. It does have some decent features though. The "Developer Tools" built in are actually pretty decent. I can open it up and not be instantly hit by a malware drive by. I still avoid it in favor of Firefox unless I have absolutely no choice.
Maybe the browser decompresses it again instead of blitting? Different framebuffers, etc.
I know tobacco is bad for you, so I smoke weed with crack.
See also http://xkcd.com/676/
Browser sniffing was involved, it seems. It might still be bad PR for Opera because of all those clueless people out there who assume it's Opera's fault even when it's the site that's blocking it, though. Weird how people can't seem to write cross-browser code even today.
Clever signature text goes here.
Not at all. It IS Operas fault.
Opera is supposed to follow standarts. They do exist for reason.
Not writing "cross browser" code is browsers fault: If browsers did not each implement their own version of standarts, it would not even be necesary.
In fact, it should not be standart to write "cross browser" (ever noticed for buzz-wordy this sounds?) code, users of broser that does make it pain to develop for should end up with link to download browser that actually works. No-one should ever have to use jungle of css and javascript hacks to pick slack for bad browser.
"Weird how people can't seem to write standart following even today."
-- Technology for the sake of technology is as pathetic as eschewing technology because it's technology.
Actually, the fact that Opera has to spend far too much time emulating bugs in other browsers in order to work is not Opera's fault at all. That said, Opera is one of the most standards-compliant browsers there is, so that's clearly not the issue here. In this case it's apparently browser sniffing, or the author decided to rely on bugs in specific implementations rather than following the standards.
Clever signature text goes here.
In this case, It is IEs fault (sigh, again)
My apologies to Opera devs.
-- Technology for the sake of technology is as pathetic as eschewing technology because it's technology.