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');







-

這個網誌中的熱門文章

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
閱讀完整內容

In R, how to develop a multiplot heatmap.2 figure showing key labels successfully

圖片
1 2 I'm trying to develop a multiplot heatmap.2 saved to a pdf. I'm having some success but the axis labels are getting chopped off. Subplot titles are also desirable but again the labels are getting chopped. Here's my reproducible code: library(gridExtra) library(grid) library(gridGraphics) library(gplots) Col = colorRampPalette(c("red","orange","yellow", "white")) grab_grob <- function() grid.echo() grid.grab() par(cex.main=0.1, mar = c(1,1,1,1) ) #data<-read.table("heatmap.input.matrix.data.txt") lmat = rbind(c(2,3),c(4,1),c(4,1)) lwid = c(2.5,4) lhei = c(0.5,4,3) labRowvec <- c(rep(NULL, dim(matrix(runif(1000, 1,10),ncol=50))[1])) labColvec <- c(rep(NULL, dim(matrix(runif(1000, 1,10),ncol=50))[2])) gl <- lapply(1:12, function(i) heatmap.2(matrix(runif(1000, 1,10),ncol=50), dendrogram = "none",offsetRow=-0.5, offsetCol=-1,srtCol=0, density="density", lmat =lmat,lhei = l
閱讀完整內容

Museum of Modern and Contemporary Art of Trento and Rovereto

圖片
Art museum in Rovereto TN, Italy Museum of Modern and Contemporary Art of Trento and Rovereto Museo d'arte moderna e contemporanea di Trento e Rovereto MART, Entrance Location Corso Angelo Bettini, 43, 38068 Rovereto TN, Italy Coordinates 45°53′38″N 11°02′42″E  /  45.8940°N 11.0450°E  / 45.8940; 11.0450 Coordinates: 45°53′38″N 11°02′42″E  /  45.8940°N 11.0450°E  / 45.8940; 11.0450 Type Art museum Director Gianfranco Maraniello Public transit access Trento train station. Taxis outside station. Website mart.trento.it The Museum of Modern and Contemporary Art of Trento and Rovereto (MART) ( Museo d'Arte Moderna e Contemporanea di Trento e Rovereto , in Italian) is a museum centre in the Italian province of Trento. The main site is in Rovereto, and contains mostly modern and contemporary artworks, including works from renowned Giorgio Morandi, Giorgio de Chirico, Felice Casorati, Carlo Carrà and Fortunato Depero. Fortunato Depero's house in Rovereto (known as Casa d
閱讀完整內容