Search jQuery

jQuery Forum

jQuery Mobile

cwinso

Data-role or traditional pages?

in jQuery Mobile • 10 years ago

Hi Guys,

Forgive me for asking what is probably a dumb question, but I am in the early stages of learning html and JQM.

Would there be any reason why larger mobile sites could not be created using the data-role function for all pages?

So for example a mobile site with 100+ pages could use the one html document with all 'pages' included and accessed via the data-role function, rather than splitting the pages into separate html documents as per a traditional website.

I understand that I could use a mix of both, but I want to know if there are any reasons or implications why I should not data-role a larger number of pages from the one html document?

Any help would be greatly appreciated.

Replies(4)

watusiware

Re: Data-role or traditional pages?

10 years ago

Would there be any reason why larger mobile sites could not be created using the data-role function for all pages?

So for example a mobile site with 100+ pages could use the one html document with all 'pages' included and accessed via the data-role function, rather than splitting the pages into separate html documents as per a traditional website.

Yes, there's one good reason not to do this: you're asking the browser to load one big-ass document containing your entire site. Can you guess what's going to happen next in a constrained mobile browser?

I understand that I could use a mix of both

Actually, no, you can't. Well, you can, but you're not going to like the result. You can move between single-page and multi-page documents, but every time you do, the entire framework will be reloaded, because you will have to link rel="external".

cwinso

Re: Re: Data-role or traditional pages?

10 years ago

Many thanks for the explanation Watusiware, makes perfect sense.

Just a couple of questions...

What do you think might be an acceptable number of pages to data-role?
I take it the best practice for larger mobile sites is to build all pages in the conventional manner and use transitions via the ajax calls

I'm guessing data-role is therefore a nice feature built into JQM to make small mobile sites act more like native apps in terms of speed and fluidity of page transitions?

watusiware

Re: Data-role or traditional pages?

10 years ago

What do you think might be an acceptable number of pages to data-role?

A handful

I take it the best practice for larger mobile sites is to build all pages in the conventional manner and use transitions via the ajax calls

Yes, I would say so.

I'm guessing data-role is therefore a nice feature built into JQM to make small mobile sites act more like native apps in terms of speed and fluidity of page transitions?

I think multi-page documents are useful for small mobile apps that have a small number of pages that typically have inner content updated using Ajax techniques.

But you can achieve the same thing using multiple pages with data-dom-cache and data-prefetch. It allows you better organization and you can easily change your mind about just which pages are cached.

So, really, I would never use a multi-page document at all.

cwinso

Re: Re: Data-role or traditional pages?

10 years ago

Many thanks Watusiware,

But you can achieve the same thing using multiple pages with data-dom-cache and data-prefetch. It allows you better organization and you can easily change your mind about just which pages are cached.

You have fully answered my question - much appreciated

Top Reply

Response title

Attachments

jQuery Forum

Data-role or traditional pages?

Replies(4)

Re: Data-role or traditional pages?

Re: Re: Data-role or traditional pages?

Re: Data-role or traditional pages?

Re: Re: Data-role or traditional pages?

Statistics

Tags

Actions