My last batch of articles have discussed which mobile web development best practices I’ve adopted. I obviously can’t claim them as my own creation and should share my resources for these practices.
Some are more mobile-specific then others but all focus on optimizing sites for speed: the number one mobile web development best practice:
1) Steve Souders
The one that really showed developers the way in terms of creating fast-loading sites. Formerly at Yahoo! and now at Google, Steve Souders is the speed site guru mostly on the strength of his two books: High Performance Web Sites and Even Faster Websites. Paul Irish took the best tips from both of these books and applied them to the HTML5 Boilerplate build script.
Web developer Peter-Paul Koch, also known as PPK, is next on the speed guru list. He’s well-known for performing tons of mobile device/browser tests, displaying the results on the mobile section of his Quirksmode blog…spend some reading the Compatibility table on this page.
As he lives in Amsterdam, PPK can perform thorough tests on the Symbian browser, which not only gets heavy usage in Europe, but is also the world’s most popular mobile web browser. So…American-based web developers need to read his Symbiam results on his Quirksmode blog because they will have to code for it sooner than later.
3) Yahoo’s YUI and YDN blogs
Right now, Yahoo! is to site optimization what Google is to SEO: a well-respected authority in their area of expertise. Nowhere is this more clear than within the Performance category of their Yahoo! User Interface Blog (or just the YUIBlog). All of these posts offer great site speed tips, particularly the ones by Stoyan Stefanov.
Yahoo! also maintains the Yahoo! Developer Network blog (YDN), which doesn’t have the depth of site speed advice that YUI does, but is still good. Their “Best Practices for Speeding Up Your Web Site” article is pretty much required reading for any web developer right now, plus, YDN maintains the awesome Steve Souders-created YSlow browser plugin, used for testing a web page’s optimization.
*(A related side-note: Yahoo released a beta version of YSlow for Mobile the day before this article’s posting. I downloaded it and believe me when I say that you should too). *
4) YayQuery podcast with John Resig
YayQuery is an excellent jQuery podcast hosted by four jQuery experts: Paul Irish, Rebecca Murphey, Adam J. Sontag and Alex Sexton. jQuery creator John Resig appeared on the show in mid-2010, mostly discussing jQuery Mobile.
Prior to jQ Mobile’s release, Resig did a boatload of mobile device research, all of it interesting, quite a bit of it surprising. He shared his findings during this podcast…it’s a must-watch.
5) HTML5 Boilerplate Build Script
I’ve mentioned this before but let me be crystal clear right now: HTML5 Boilerplate’s build script does an incredible job of optimizing site files. With a simple command line prompt (or Windows batch file), you can run all your site files through YUI Compresser, optipng, jpegtran and many other applications to dramatically reduce their file size. The end-result is a faster-loading site.
Watch the Boilerplate how-to video..it’s well worth 28 minutes of your time:
Those are my biggies…feel free to share what you think are good mobile web development best practices because I can’t name them all!