<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Autarchy of the Private Cave &#187; viewMobile</title> <atom:link href="https://bogdan.org.ua/tags/viewmobile/feed" rel="self" type="application/rss+xml" /><link>https://bogdan.org.ua</link> <description>Tiny bits of bioinformatics, [web-]programming etc</description> <lastBuildDate>Wed, 28 Dec 2022 16:09:04 +0000</lastBuildDate> <language>en-US</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>https://wordpress.org/?v=3.8.27</generator> <item><title>Blog accessibility from handheld and mobile devices</title><link>https://bogdan.org.ua/2008/12/26/blog-accessibility-from-handheld-and-mobile-devices.html</link> <comments>https://bogdan.org.ua/2008/12/26/blog-accessibility-from-handheld-and-mobile-devices.html#comments</comments> <pubDate>Fri, 26 Dec 2008 17:29:43 +0000</pubDate> <dc:creator><![CDATA[Bogdan]]></dc:creator> <category><![CDATA[how-to]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[WP PlugIns]]></category> <category><![CDATA[accessibility]]></category> <category><![CDATA[blog]]></category> <category><![CDATA[handheld]]></category> <category><![CDATA[mobile]]></category> <category><![CDATA[viewMobile]]></category> <category><![CDATA[wordpress]]></category> <category><![CDATA[WP]]></category> <guid
isPermaLink="false">http://bogdan.org.ua/?p=473</guid> <description><![CDATA[I&#8217;ve seen someone reading my blog from a 320&#215;240 handheld device, and realized that it must be pretty inconvenient. Testing my blog with the help of ready.mobi confirmed my worst expectations with a mobile-readiness score of 1. I&#8217;ve installed and then tested one-by-one a series of WP plugins designed to make your blog mobile-accessible. Testing [&#8230;]]]></description> <content:encoded><![CDATA[<p>I&#8217;ve seen someone reading my blog from a 320&#215;240 handheld device, and realized that it must be pretty inconvenient. Testing my blog with the help of <a
href="http://ready.mobi/results.jsp?uri=http%3A%2F%2Fbogdan.org.ua%2F&amp;locale=en_EN&amp;em=null&amp;ch=null">ready.mobi</a> confirmed my worst expectations with a mobile-readiness score of 1.</p><p>I&#8217;ve installed and then tested one-by-one a series of WP plugins designed to make your blog mobile-accessible. Testing was done using <a
href="http://ready.mobi/">ready.mobi</a>; all plugins were using default settings &#8211; except for viewMobile, which had Images option set to Resize, not Keep As Is.</p><table
align="center" cellpadding=2 cellspacing=2><thead><th>plugin</th><th
align="center">score</th><th
align="center">size (KiB)</th><th
align="center">min cost (EUR)</th><th
align="center">max cost (EUR)</th><th
align="center">best speed (sec)</th><th
align="center">worst speed (sec)</th><th
align="center">passes</th><th
align="center">warnings</th><th
align="center">fails</th></thead><tbody><tr><td><a
href="http://wordpress.org/extend/plugins/mowser-wordpress-mobile/">mowser plugin</a></td><td
align="center">3.57</td><td
align="center">3.42</td><td
align="center">0.01</td><td
align="center">0.06</td><td
align="center">1.01</td><td
align="center">2.83</td><td
align="center">21</td><td
align="center">1</td><td
align="center">4</td></tr><tr><td><a
href="http://www.handypark.de/webmaster/blogs/wp-viewmobile.html">viewMobile</a></td><td
align="center">3.48</td><td
align="center">23.38</td><td
align="center">0.07</td><td
align="center">0.40</td><td
align="center">1.05</td><td
align="center">7.67</td><td
align="center">20</td><td
align="center">3</td><td
align="center">3</td></tr><tr><td><a
href="http://imthi.com/wp-pda/">PDA &#038; iPhone</a></td><td
align="center">2.23</td><td
align="center">24.65</td><td
align="center">0.07</td><td
align="center">0.42</td><td
align="center">1.05</td><td
align="center">7.97</td><td
align="center">18</td><td
align="center">4</td><td
align="center">4</td></tr><tr><td><a
href="http://mobilepress.co.za/">MobilePress</a></td><td
align="center">1.74</td><td
align="center">53.98</td><td
align="center">0.16</td><td
align="center">0.92</td><td
align="center">1.11</td><td
align="center">15.08</td><td
align="center">19</td><td
align="center">4</td><td
align="center">3</td></tr><tr><td>no plugin</td><td
align="center">0.9</td><td
align="center">282</td><td
align="center">0.85</td><td
align="center">4.80</td><td
align="center">1.55</td><td
align="center">70.4</td><td
align="center">10</td><td
align="center">6</td><td
align="center">10</td></tr><tr><td><a
href="http://code.google.com/p/mippin-dev/wiki/WordPressPlugin">Mobilize by Mippin</a></td><td
align="center">N/A</td><td
align="center">N/A</td><td
align="center">N/A</td><td
align="center">N/A</td><td
align="center">N/A</td><td
align="center">N/A</td><td
align="center">N/A</td><td
align="center">N/A</td><td
align="center">N/A</td></tr><tr><td
colspan='10'></td></tr></tbody></table><p>On Mobilize by Mippin plugin ready.mobi exited with error &#8220;Could not retrieve page content&#8221;, which is no wonder as Mippin plugin redirects the handheld device&#8217;s browser to mippin.com, which converts the page into mobile-accessible form (however, it is indeed strange that mowser.com plugin worked fine, though it is also a redirector). I&#8217;ve used <a
href="http://www.mippinmaker.com/web/maker/mobilize.jsp" class="broken_link" rel="nofollow">mippinmaker</a> to estimate what would my blog look like via mippin &#8211; and it appears to me that mippin is using my RSS as the source of content; actually, plugin description explicitly states that. I&#8217;m sure this would get real high scores on ready.mobi, but I can&#8217;t find the way to test that; thus Mippin plugin didn&#8217;t participate in the final feature-based comparison.</p><p>viewMobile plugin is <del
datetime="2008-12-26T21:09:26+00:00">a clear winner</del> best by score in &#8220;plugins&#8221; group &#8211; it has the highest scores in the feature table (well, after <a
href="http://mowser.com/">mowser</a> plugin, which is not a plugin but a redirector to an external service). Also, in addition to &#8220;keep as is&#8221; and &#8220;downsample&#8221;, there is an option to &#8220;strip&#8221; images &#8211; I presume that would bring the page size further down. However, viewMobile removes comment forms from posts; at the same time, PDA &#038; iPhone plugin preserves comment forms &#8211; thus it is better for my purposes.</p><p>The mowser-based service has even higher scores than viewMobile &#8211; but is an external dependency. For my blog, I decided to stick to PDA &#038; iPhone plugin. Also, such a low page size (see table) is due to mowser splitting the tested main blog page into two pages &#8211; and ready.mobi then only weighs the first (much smaller) page; so there is no benefit in page size when using mowser.</p><p>Please comment to share your experience of turning your blog mobile-accessible, or of reading my blog from handheld/mobile devices.</p><p>P.S. If you are used to visiting websites and blogs from your handheld device, and those sites/blogs are not optimized for mobile devices, I&#8217;d recommend using the free <a
href="http://mowser.com/web/bogdan.org.ua">mowser</a> service (though Opera Mini is easier, I guess).</p><p>P.P.S. This post wasn&#8217;t sponsored by mowser or any other mentioned services <img
src="https://bogdan.org.ua/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /></p><p><ins
datetime="2008-12-26T20:15:44+00:00">Important update:</ins> clearly, viewMobile and any other PHP-level mobile accessibility plugins are incompatible with SuperCache. So either (super) caching, or mobile version &#8211; but not both. I&#8217;ll have to look into possible solutions.</p><p><ins
datetime="2008-12-26T20:51:17+00:00">Update 2</ins></p><p>A &#8220;clever&#8221; solution would be to have a subdomain or even a different TLD domain for the mobile version of the blog (to avoid SuperCache interference &#8211; ideally, both database and files would be the same, but some tiny bit of configuration would make all the difference; the easiest tiny bit would be a mod_rewrite rule). Another good solution would be to modify SuperCache&#8217;s mod_rewrite rules, so that mobile User-Agents aren&#8217;t fed cached versions &#8211; and thus viewMobile has a chance to trigger and serve correct version (this solution doesn&#8217;t require another domain or subdomain, but is less reliable).</p><p>I&#8217;ve tried mowser plugin, but it suffers from the same cache interference problem (because it is also PHP-level, and SuperCache works at apache and mod_rewrite level). For the same reason, PDA &#038; iPhone plugin wouldn&#8217;t work as well.</p><p>For now, I&#8217;ve disabled SuperCache (leaving WPCache on), and turned on PDA &#038; iPhone plugin (unlike viewMobile, it does show the comments form below each post). Seems working. Will look into domain/mod_rewrite solutions.</p><p><ins
datetime="2008-12-27T00:58:53+00:00">Update 3</ins></p><p>SuperCache is back on, except for a list of mobile User-Agents; those User-Agents were also added to SuperCache&#8217;s UA exclude list. Thus now if a &#8220;normal&#8221; browser requests a page, such a request is cached, or a cached page is fed to the browser. If the mobile browser requests a page, it is not fed a cached page even if one exists, and cache page is not created while running WP&#8217;s PHP engine. Tested using both built-in browser (I could even fill in captcha while commenting) and Opera Mini on a Samsung phone: seems to work fine. However, all of ready.mobi&#8217;s phone emulators for some reason choked on the comment form&#8217;s textarea, refusing to display the page. I ignore this but if compliance is important then viewMobile will be a better choice than PDA &#038; iPhone.</p><p>Drawbacks of this solution: 1) mobile requests are not cached, 2) if the mobile browser&#8217;s User-Agent is not in the list, then it will be fed a standard-looking page, 3) hard to maintain &#8211; need to update both the list of UAs in .htaccess and in the configuration of SuperCache.</p><p>Better solutions are welcome.</p><p><a
class="a2a_button_citeulike" href="https://www.addtoany.com/add_to/citeulike?linkurl=https%3A%2F%2Fbogdan.org.ua%2F2008%2F12%2F26%2Fblog-accessibility-from-handheld-and-mobile-devices.html&amp;linkname=Blog%20accessibility%20from%20handheld%20and%20mobile%20devices" title="CiteULike" rel="nofollow noopener" target="_blank"></a><a
class="a2a_button_pocket" href="https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fbogdan.org.ua%2F2008%2F12%2F26%2Fblog-accessibility-from-handheld-and-mobile-devices.html&amp;linkname=Blog%20accessibility%20from%20handheld%20and%20mobile%20devices" title="Pocket" rel="nofollow noopener" target="_blank"></a><a
class="a2a_button_kindle_it" href="https://www.addtoany.com/add_to/kindle_it?linkurl=https%3A%2F%2Fbogdan.org.ua%2F2008%2F12%2F26%2Fblog-accessibility-from-handheld-and-mobile-devices.html&amp;linkname=Blog%20accessibility%20from%20handheld%20and%20mobile%20devices" title="Kindle It" rel="nofollow noopener" target="_blank"></a><a
class="a2a_button_evernote" href="https://www.addtoany.com/add_to/evernote?linkurl=https%3A%2F%2Fbogdan.org.ua%2F2008%2F12%2F26%2Fblog-accessibility-from-handheld-and-mobile-devices.html&amp;linkname=Blog%20accessibility%20from%20handheld%20and%20mobile%20devices" title="Evernote" rel="nofollow noopener" target="_blank"></a><a
class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fbogdan.org.ua%2F2008%2F12%2F26%2Fblog-accessibility-from-handheld-and-mobile-devices.html&amp;linkname=Blog%20accessibility%20from%20handheld%20and%20mobile%20devices" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a
class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fbogdan.org.ua%2F2008%2F12%2F26%2Fblog-accessibility-from-handheld-and-mobile-devices.html&#038;title=Blog%20accessibility%20from%20handheld%20and%20mobile%20devices" data-a2a-url="https://bogdan.org.ua/2008/12/26/blog-accessibility-from-handheld-and-mobile-devices.html" data-a2a-title="Blog accessibility from handheld and mobile devices"><img
src="https://static.addtoany.com/buttons/share_save_120_16.png" alt="Share"></a></p>]]></content:encoded> <wfw:commentRss>https://bogdan.org.ua/2008/12/26/blog-accessibility-from-handheld-and-mobile-devices.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>