Comments on: Thinking 320×480: Load-Time Considerations For The iPhone & iPod touch http://www.bravenewcode.com/2008/05/thinking-320x480-load-time-considerations-for-the-iphone-ipod-touch/ You dream it up, we code it to life. Fri, 03 Feb 2012 14:14:10 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Dale Mugford http://www.bravenewcode.com/2008/05/thinking-320x480-load-time-considerations-for-the-iphone-ipod-touch/comment-page-1/#comment-1044 Dale Mugford Tue, 15 Jul 2008 22:03:53 +0000 http://www.bravenewcode.com/?p=121#comment-1044 MATT: Well said- and you're right, the performance on EDGE is dismal, at best. Though we have new 3G phones ourselves, we are looking at the options available to us to reduce the load for EDGE performance. Expect to see vast improvements shortly. MATT:

Well said- and you’re right, the performance on EDGE is dismal, at best. Though we have new 3G phones ourselves, we are looking at the options available to us to reduce the load for EDGE performance. Expect to see vast improvements shortly.

]]> By: Matt http://www.bravenewcode.com/2008/05/thinking-320x480-load-time-considerations-for-the-iphone-ipod-touch/comment-page-1/#comment-1041 Matt Tue, 15 Jul 2008 19:47:35 +0000 http://www.bravenewcode.com/?p=121#comment-1041 First of all, let me say that WPtouch is an amazing piece of work. The attention to detail is stunning and it truly feels like a thoroughly realized iPhone webapp. That being said, I've found in general usage that it just doesn't make that huge of a difference in page loads. The theme for my site is fairly complex and there's no doubt that WPtouch speeds up loading on EDGE, but it's just not fast enough for it to be a true revelation. I hate it when people bitch about a great piece of free developer work, so that's really not my intention here, I just want to weigh in by saying that priority #1, for me at least, for an iPhone theme should be load speed (keeping in mind that many of us didn't spring for a new 3G). The consistency of the iPhone feel of the theme is amazing, but I'd gladly sacrifice some of the snazz for speed. Because, after all, we all probably like our native themes and wouldn't enable an iPhone specific theme unless we wish to cater to the limitations of EDGE... just my 2 cents! First of all, let me say that WPtouch is an amazing piece of work. The attention to detail is stunning and it truly feels like a thoroughly realized iPhone webapp. That being said, I’ve found in general usage that it just doesn’t make that huge of a difference in page loads. The theme for my site is fairly complex and there’s no doubt that WPtouch speeds up loading on EDGE, but it’s just not fast enough for it to be a true revelation.

I hate it when people bitch about a great piece of free developer work, so that’s really not my intention here, I just want to weigh in by saying that priority #1, for me at least, for an iPhone theme should be load speed (keeping in mind that many of us didn’t spring for a new 3G). The consistency of the iPhone feel of the theme is amazing, but I’d gladly sacrifice some of the snazz for speed. Because, after all, we all probably like our native themes and wouldn’t enable an iPhone specific theme unless we wish to cater to the limitations of EDGE… just my 2 cents!

]]> By: Dale Mugford http://www.bravenewcode.com/2008/05/thinking-320x480-load-time-considerations-for-the-iphone-ipod-touch/comment-page-1/#comment-234 Dale Mugford Tue, 06 May 2008 04:53:42 +0000 http://www.bravenewcode.com/?p=121#comment-234 Totally agree- it's always enjoyable to get that extra mileage- especially when working with the iPhone, as it makes quite an appreciable difference in the user experience. Totally agree- it’s always enjoyable to get that extra mileage- especially when working with the iPhone, as it makes quite an appreciable difference in the user experience.

]]> By: inaequitas http://www.bravenewcode.com/2008/05/thinking-320x480-load-time-considerations-for-the-iphone-ipod-touch/comment-page-1/#comment-233 inaequitas Tue, 06 May 2008 04:34:59 +0000 http://www.bravenewcode.com/?p=121#comment-233 I have used YUI Compressor for trimming down JavaScript and CSS and it's one of the better minification/obfuscation tools out there (considering various benchmarks I have seen). It did considerably reduce my load times and whatnot, though the files I have started with weren't that large to begin with. In terms of performance (and I haven't tried this yet) you could also use Firefox with a spoofed user agent (Mobile Safari) and Firebug + YSlow to see what else you could tweak. I don't think there's any "WebKit Tab" plugin for Firefox, but for Firebug alone it would be worth it. It may be frustrating and challenging, but doesn't it feel nice to squeeze performance out of something? Many programmers nowadays are far too liberal with their code since rigs are quite powerful, but I do enjoy the little tweaks every so often. Might be just me. I have used YUI Compressor for trimming down JavaScript and CSS and it’s one of the better minification/obfuscation tools out there (considering various benchmarks I have seen). It did considerably reduce my load times and whatnot, though the files I have started with weren’t that large to begin with.

In terms of performance (and I haven’t tried this yet) you could also use Firefox with a spoofed user agent (Mobile Safari) and Firebug + YSlow to see what else you could tweak. I don’t think there’s any “WebKit Tab” plugin for Firefox, but for Firebug alone it would be worth it.

It may be frustrating and challenging, but doesn’t it feel nice to squeeze performance out of something? Many programmers nowadays are far too liberal with their code since rigs are quite powerful, but I do enjoy the little tweaks every so often. Might be just me.

]]> By: Dale Mugford http://www.bravenewcode.com/2008/05/thinking-320x480-load-time-considerations-for-the-iphone-ipod-touch/comment-page-1/#comment-223 Dale Mugford Mon, 05 May 2008 13:31:15 +0000 http://www.bravenewcode.com/?p=121#comment-223 HAHA! Yes, please do take notes! I tried adding several different transforms (effects based) and they did not work, period. The transforms that did (rounded corners) I didn't consider worthy of the title, but I should amend my article because I'm being so hard-assed on little mobile Safari. By compression I mean minification- even big safari doesn't like .gz files. If it did, we would have served them. As for accessing the canvas as a JavaScript object and drawing upon it, I think load times are faster if it's something I can create out of pure css, or a very small .png/.jpg. The least processing the better. There's no absolutes here either, I don't think- you need to look at the web app/site that you're working with, and focus predominantly on the fatty tissue it has and deal with it first and foremost. There's a point you reach where the load time feels comfortable, and that's where you have to hang your hat, I think. That's funny about sproutcore, as Apple's been using Scriptaculous for quite awhile on apple.com. But please do share what you find, Alex, that would be great. HAHA! Yes, please do take notes! I tried adding several different transforms (effects based) and they did not work, period. The transforms that did (rounded corners) I didn’t consider worthy of the title, but I should amend my article because I’m being so hard-assed on little mobile Safari.

By compression I mean minification- even big safari doesn’t like .gz files. If it did, we would have served them.

As for accessing the canvas as a JavaScript object and drawing upon it, I think load times are faster if it’s something I can create out of pure css, or a very small .png/.jpg. The least processing the better.

There’s no absolutes here either, I don’t think- you need to look at the web app/site that you’re working with, and focus predominantly on the fatty tissue it has and deal with it first and foremost. There’s a point you reach where the load time feels comfortable, and that’s where you have to hang your hat, I think.

That’s funny about sproutcore, as Apple’s been using Scriptaculous for quite awhile on apple.com.

But please do share what you find, Alex, that would be great.

]]> By: Alex Curylo http://www.bravenewcode.com/2008/05/thinking-320x480-load-time-considerations-for-the-iphone-ipod-touch/comment-page-1/#comment-221 Alex Curylo Mon, 05 May 2008 12:37:36 +0000 http://www.bravenewcode.com/?p=121#comment-221 From discussions I've watched scroll by on iphonewebdev I get the impression that jQuery is the most popular library that people are using (or at least mentioning by name). Apple seems to be pushing http://www.sproutcore.com/ and using it themselves for desktop Safari at least. As for optimizing, when you say "compression" do you mean ob_gzhandler gzip serving compression? Or do you mean using some compression/minification type tools on the source? Or both? Did you look into canvas tag drawing and SVG options to replace bitmap images? "if it weren?t for the fact that mobile Safari doesn?t support its big brother?s capability for CSS transforms, we would have been able to skip out on Scriptaculous for effects and just transform everything using CSS only." Well, while I'm down at WWDC I'll take notes for you in the "Enhancing Your iPhone Web Application with CSS Transforms and Animations" session then, shall I? From discussions I’ve watched scroll by on iphonewebdev I get the impression that jQuery is the most popular library that people are using (or at least mentioning by name). Apple seems to be pushing http://www.sproutcore.com/ and using it themselves for desktop Safari at least.

As for optimizing, when you say “compression” do you mean ob_gzhandler gzip serving compression? Or do you mean using some compression/minification type tools on the source? Or both? Did you look into canvas tag drawing and SVG options to replace bitmap images?

“if it weren?t for the fact that mobile Safari doesn?t support its big brother?s capability for CSS transforms, we would have been able to skip out on Scriptaculous for effects and just transform everything using CSS only.”

Well, while I’m down at WWDC I’ll take notes for you in the “Enhancing Your iPhone Web Application with CSS Transforms and Animations” session then, shall I?

]]>