What Is The Best Way To Mobile Optimize Your Site?



Mobile Site Optimization


The concept of searching for content online using mobile devices is steadily on the rise, primarily due to the vast plethora of mobile devices and tablets now readily available in the market. They really seem to be advancing the cause, and more and more people are buying and using them. So how are these evolving trends changing things, and how does it effect you as a website owner? Previously, we have looked at various ways to optimize your sites for mobile devices. And there are more than one way to handle this problem. So what solution is the best for delivering content to mobile devices?



There are more than one ways to serve mobile content to your users, and they fall broadly into three basic categories; Responsive Web Design (obvious!), dynamic content serving, and creating the mobile version of a site.


Responsive Web Design



Probably the most popular mobile optimization technique used today. Responsive Web Design (RWD) involves designing content that automatically resizes and rearranges itself to fit the screen size and resolution of any mobile device. Since the content itself is redirecting, there's no need to create custom redirects to other mobile pages, or changing the on-page content itself.





Responsive Web Design



For the user, this means a smooth user journey, and for a content manager, it means content only needs to be updated once. From a developer viewpoint, RWD may require rebuilding your site framework with flexible templates, grids, style sheets and JavaScript but with very rewarding results. Personally, this is my favourite mobile optimization technique, and one of the easiest there is.


Dynamic content serving



This technique is somewhat similar to RWD, but very different at the same time. While RWD detects screen size and resizes the content, dynamic content serving detects the user-agent at the server-end, and then presents a custom page on the same URL. The custom page is dynamically generated.



Although this technique is hard to implement and requires a lot more maintenance, it is the most powerful method for serving mobile content to users, and experts recommend it for experienced webmasters.


Separate Mobile Site



The final implementation you might want to consider is creating a separate mobile site, where smartphone users will be directed to a mobile-optimized version of your site. This implementation allows you fully customise your content for a mobile audience, since it’s often an independently hosted solution. Similar to creating dynamic serving content, this means you need to make separate updates for content or styling pieces to ensure a smooth user experience.



Facebook is a perfect example of this solution. You have Facebook desktop version, and then you have Facebook mobile version. If Facebook had just used RWD to deliver mobile content, then low-end devices would have a lot of trouble keeping up with all the Facebook features such as Apps, Games, Chat, Instant notifications, and more. But with dynamic content serving and separate mobile site, Facebook has made sure that mobile users don't access features not suited/compatible for them.



That was all about methods to implement mobile optimization. So tell us, what do you think is the best method for delivering mobile content?







12
comments





PLEASE NOTE:



We have Zero Tolerance to Spam.

Chessy Comments and Comments with
'Links'
will be deleted immediately upon our review.



(function() {
var items = ['id': '7888353114687210704', 'body': 'Thanks you for this great and intersting stuff if you write more like this i will glad to say that i will revisit your blog thanks againx3cbr /x3eRegards:x3cbr /x3e--------------------------------------------------------------x3cbr /x3ex3ca hrefx3dx22http://www.myentertainmentportal.comx22 relx3dx22nofollowx22x3eWatch And Download Movies Onlinex3c/ax3e', 'timestamp': '1383596178292', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1383596178292#c7888353114687210704', 'author': 'name': 'Jetinder Kumar', 'avatarUrl': '//lh6.googleusercontent.com/-uSU1_Nm-0m4/AAAAAAAAAAI/AAAAAAAAA-8/1rn2_b8zBKs/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/17433982896798114944', 'displayTime': 'Nov 5, 2013, 1:16:00 AM', 'deleteclass': 'item-control blog-admin pid-208150817', 'id': '8910737576475104536', 'body': 'Like the Post So much, I have optimize mine now. Check it out www.winodeysblog.blogspot.com', 'timestamp': '1383596302346', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1383596302346#c8910737576475104536', 'author': 'name': 'Godwin Odey', 'avatarUrl': '//lh4.googleusercontent.com/-JvsdbY9Z59A/AAAAAAAAAAI/AAAAAAAABfk/V-sNCJc5ZLk/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/09953606127011315750', 'displayTime': 'Nov 5, 2013, 1:18:00 AM', 'deleteclass': 'item-control blog-admin pid-1778349604', 'id': '8930182495211740668', 'body': 'Hello there! I could have sworn I’ve been to this website before but after checking through some of the post I realized it’s new to me. Nonetheless, I’m definitely happy I found it and I’ll be book-marking and checking back frequently!x3cbr /x3ex3cbr /x3eyou can find me at http://www.mytrickpages.com', 'timestamp': '1383622990299', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1383622990299#c8930182495211740668', 'author': 'name': 'Shenali Rathnayake', 'avatarUrl': '//lh6.googleusercontent.com/-Z3zC9ycXWrg/AAAAAAAAAAI/AAAAAAAAAGU/mdQpjZhjtT0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/10199620826662892348', 'displayTime': 'Nov 5, 2013, 8:43:00 AM', 'deleteclass': 'item-control blog-admin pid-33741441', 'id': '1137893546000151170', 'body': 'http://myrujukan.com/x3cbr /x3ex3cbr /x3eIx26#39;m just using WordPress plugin to help me to get mobile optimize', 'timestamp': '1383632510320', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1383632510320#c1137893546000151170', 'author': 'name': 'Wan Widget', 'avatarUrl': '//lh3.googleusercontent.com/-6GZnYdm6G04/AAAAAAAAAAI/AAAAAAAAAUk/NB58mIEj8oU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/00301940602328159393', 'displayTime': 'Nov 5, 2013, 11:21:00 AM', 'deleteclass': 'item-control blog-admin pid-291606182', 'id': '3176643722012908670', 'body': 'Responsive website design is the best!', 'timestamp': '1383728690777', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1383728690777#c3176643722012908670', 'author': 'name': 'Bharath M', 'avatarUrl': '//lh6.googleusercontent.com/-A7DvA8r6l1Q/AAAAAAAAAAI/AAAAAAAAAEk/Y7fYtGAiVXo/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/10818107019592497356', 'displayTime': 'Nov 6, 2013, 2:04:00 PM', 'deleteclass': 'item-control blog-admin pid-1933472059', 'id': '5551008371279157858', 'body': 'good article. thnx for it. x3cbr /x3ex3ca hrefx3dx22http://techntrickmania.blogspot.com/2013/11/best-five-keyword-suggestion-tools.htmlx22 relx3dx22nofollowx22x3eBest 5 keyword suggestion toolsx3c/ax3e', 'timestamp': '1383911142149', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1383911142149#c5551008371279157858', 'author': 'name': 'Tirthapriya Banerjee', 'avatarUrl': '//lh5.googleusercontent.com/-_lT_CM-PGsA/AAAAAAAAAAI/AAAAAAAAAK8/QKpv49-nS8M/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11708119631880311173', 'displayTime': 'Nov 8, 2013, 4:45:00 PM', 'deleteclass': 'item-control blog-admin pid-541427084', 'id': '5147965617780984811', 'body': 'x3cspan classx3dx27deleted-commentx27x3eThis comment has been removed by a blog administrator.x3c/spanx3e', 'timestamp': '1383917951787', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1383917951787#c5147965617780984811', 'author': 'name': 'Anonymous', 'avatarUrl': '//img1.blogblog.com/img/blank.gif', 'profileUrl': '', 'displayTime': 'Nov 8, 2013, 6:39:00 PM', 'deleteclass': 'item-control blog-admin ', 'id': '3030878396891978760', 'body': 'nicex3cbr /x3ehttp://emopic2014.blogspot.com/', 'timestamp': '1390534101796', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1390534101796#c3030878396891978760', 'author': 'name': 'Anonymous', 'avatarUrl': '//img1.blogblog.com/img/blank.gif', 'profileUrl': '', 'displayTime': 'Jan 24, 2014, 8:28:00 AM', 'deleteclass': 'item-control blog-admin pid-408414697', 'id': '3513408194982920250', 'body': 'Nice Post Dear Adminx3cbr /x3ex3cbr /x3eHacking Tools, Software And Games.x3cbr /x3ehttp://focsoft.blogspot.comx3cbr /x3e', 'timestamp': '1391288005485', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1391288005485#c3513408194982920250', 'author': 'name': 'Noreen Khan', 'avatarUrl': '//lh6.googleusercontent.com/-BaO3Sb17V_k/AAAAAAAAAAI/AAAAAAAAABQ/eyU-nX2Omps/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11997876687088599207', 'displayTime': 'Feb 2, 2014, 1:53:00 AM', 'deleteclass': 'item-control blog-admin pid-1441970890', 'id': '2302241991927518395', 'body': 'Thanks for giving this useful information...........x3cbr /x3ex3cbr /x3ehttp://www.technotrickies.com', 'timestamp': '1393635464194', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1393635464194#c2302241991927518395', 'author': 'name': 'Ram Verma', 'avatarUrl': '//lh4.googleusercontent.com/-4Gw8ZsmShVg/AAAAAAAAAAI/AAAAAAAACBc/VYatTEENY54/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/17841254627853323934', 'displayTime': 'Mar 1, 2014, 5:57:00 AM', 'deleteclass': 'item-control blog-admin pid-1629713351', 'id': '6006640492157225297', 'body': 'Hey awesome share tips. Thanks to share this useful informationx3cbr /x3ex3ca hrefx3dx22http://www.sinelogix.com/x22 relx3dx22nofollowx22x3eWebdesign Servicesx3c/ax3e', 'timestamp': '1395987397021', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1395987397021#c6006640492157225297', 'author': 'name': 'Sinelogix', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/03753447067548332551', 'displayTime': 'Mar 28, 2014, 11:16:00 AM', 'deleteclass': 'item-control blog-admin pid-1903706334', 'id': '651384414317519690', 'body': 'I have a blog page on meo. Class 4 preperatory questions. www.timeyourbus.blogspot.com . Wen i read some posts on mobile screens, text is coming like a single letter in one line. How do i solve this?? Suggestions please.', 'timestamp': '1399405342895', 'permalink': 'https://www.mybloggertricks.com/2013/11/best-way-to-mobile-optimize-your-site.html?showCommentx3d1399405342895#c651384414317519690', 'author': 'name': 'faizal', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/15202740834887692722', 'displayTime': 'May 7, 2014, 12:42:00 AM', 'deleteclass': 'item-control blog-admin pid-1286730483'];
var msgs = 'loadMore': 'Load more...', 'loading': 'Loading...', 'loaded': 'No more!', 'addComment': 'Add comment', 'reply': 'Reply', 'delete': 'Delete';
var config = 'blogId': '8193278726666811965', 'postId': '392594108517224087', 'feed': 'https://www.mybloggertricks.com/feeds/392594108517224087/comments/default', 'authorName': 'Qasim Zaib', 'authorUrl': 'https://www.blogger.com/profile/08938578237404814539', 'baseUri': 'https://www.blogger.com', 'maxThreadDepth': 2;
// 0)
cursor = parseInt(items[items.length - 1].timestamp) + 1;

var bodyFromEntry = function(entry)
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved')
return '' + entry.content.$t + '';



return entry.content.$t;

var parse = function(data)
cursor = null;
var comments = ;
if (data && data.feed && data.feed.entry)
for (var i = 0, entry; entry = data.feed.entry[i]; i++)
var comment = ;
// comment ID, parsed out of the original id format
var id = /blog-(d+).post-(d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array)
var auth = entry.author[0];
if (auth)
comment.author =
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
;


if (entry.link)
if (entry.link[2])
comment.link = comment.permalink = entry.link[2].href;

if (entry.link[3])
var pid = /.*comments/default/(d+)?.*/.exec(entry.link[3].href);
if (pid && pid[1])
comment.parentId = pid[1];



comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass')
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime')
comment.displayTime = entry.gd$extendedProperty[k].value;



comments.push(comment);


return comments;
;
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor)
url += '&published-min=' + new Date(cursor).toISOString();

window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length






  1. Jetinder KumarNov 5, 2013, 1:16:00 AM

    Thanks you for this great and intersting stuff if you write more like this i will glad to say that i will revisit your blog thanks again
    Regards:
    --------------------------------------------------------------
    Watch And Download Movies Online


    ReplyDelete








  2. Godwin OdeyNov 5, 2013, 1:18:00 AM

    Like the Post So much, I have optimize mine now. Check it out www.winodeysblog.blogspot.com


    ReplyDelete








  3. Shenali RathnayakeNov 5, 2013, 8:43:00 AM

    Hello there! I could have sworn I’ve been to this website before but after checking through some of the post I realized it’s new to me. Nonetheless, I’m definitely happy I found it and I’ll be book-marking and checking back frequently!

    you can find me at http://www.mytrickpages.com


    ReplyDelete








  4. Wan WidgetNov 5, 2013, 11:21:00 AM

    http://myrujukan.com/

    I'm just using WordPress plugin to help me to get mobile optimize


    ReplyDelete








  5. Bharath MNov 6, 2013, 2:04:00 PM

    Responsive website design is the best!


    ReplyDelete








  6. Tirthapriya BanerjeeNov 8, 2013, 4:45:00 PM

    good article. thnx for it.
    Best 5 keyword suggestion tools


    ReplyDelete








  7. AnonymousNov 8, 2013, 6:39:00 PM

    This comment has been removed by a blog administrator.


    ReplyDelete








  8. AnonymousJan 24, 2014, 8:28:00 AM

    nice
    http://emopic2014.blogspot.com/


    ReplyDelete








  9. Noreen KhanFeb 2, 2014, 1:53:00 AM

    Nice Post Dear Admin

    Hacking Tools, Software And Games.
    http://focsoft.blogspot.com


    ReplyDelete








  10. Ram VermaMar 1, 2014, 5:57:00 AM

    Thanks for giving this useful information...........

    http://www.technotrickies.com


    ReplyDelete








  11. SinelogixMar 28, 2014, 11:16:00 AM

    Hey awesome share tips. Thanks to share this useful information
    Webdesign Services


    ReplyDelete








  12. faizalMay 7, 2014, 12:42:00 AM

    I have a blog page on meo. Class 4 preperatory questions. www.timeyourbus.blogspot.com . Wen i read some posts on mobile screens, text is coming like a single letter in one line. How do i solve this?? Suggestions please.


    ReplyDelete




Add comment


Load more...












BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');







-

這個網誌中的熱門文章

Barbados

圖片
For other uses, see Barbados (disambiguation). Not to be confused with Barbuda. Coordinates: 13°10′N 59°33′W  /  13.167°N 59.550°W  / 13.167; -59.550 Barbados Flag Coat of arms Motto:  "Pride and Industry" Anthem:  In Plenty and In Time of Need Capital and largest city Bridgetown 13°06′N 59°37′W  /  13.100°N 59.617°W  / 13.100; -59.617 Official languages English Recognised regional languages Bajan Creole Ethnic groups (est. 2010 [1] ) 92.4% black 3.1% multiracial 2.7% white 1.3% East Indian 0.5% other/unspecified Religion 75.6% Christian 2.5% other 20.6% none 1.2% unspecified [1] Demonym(s) Barbadian Bajan (colloquial) Government Unitary parliamentary constitutional monarchy • Monarch Elizabeth II •  Governor-General Dame Sandra Mason • Prime Minister Mia Mottley Legislature Parliament • Upper house Senate • Lower house House of Assembly Independence • From the United Kingdom 30 November 1966 Area • Total 439 km 2 (169 sq mi) (183rd) • Water (%) Negligib
閱讀完整內容

How to read a connectionString WITH PROVIDER in .NET Core?

圖片
6 I added .AddJsonFile("Connections.json", optional: true, reloadOnChange: true) in public Startup(IHostingEnvironment env) Connections.json contains: "ConnectionStrings": "DefaultConnection": "Server=(localdb)\mssqllocaldb;Database=DATABASE;Trusted_Connection=True;MultipleActiveResultSets=true", "COR-W81-101": "Data Source=DATASOURCE;Initial Catalog=P61_CAFM_Basic;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "COR-W81-100": "Data Source=DATASOURCE;Initial Catalog=Post_PS;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "MSEDGEWIN10": "Data Source=DATASOURCE; Initial Catalog=COR_Basic; Persist Security Info=False;Integrated Security=true;MultipleActiveResultSets=False;Packet Size=4096;Application Name="COR_Basic"", "server&qu
閱讀完整內容

Node.js Script on GitHub Pages or Amazon S3

圖片
0 I'm wondering if I can run a Node.js script in my Jekyll page from GitHub Pages or Amazon S3? I think it can't run on GitHub Pages since it doesn't support server side code. Not too sure. The code is below: var Airtable = require('airtable'); var base = new Airtable(apiKey: 'YOUR_API_KEY').base('appAnZVyYqusNPV5Q'); base('Invitee list').select( // Selecting the first 3 records in Complete list: maxRecords: 3, view: "Complete list" ).eachPage(function page(records, fetchNextPage) // This function (`page`) will get called for each page of records. records.forEach(function(record) console.log('Retrieved', record.get('Email')); ); // To fetch the next page of records, call `fetchNextPage`. // If there are more records, `page` will get called again. // If there are no more records, `done` will get called. fetchNextPage(); , function done(err) if (err) console.error(err); return; ); node.js
閱讀完整內容