I'm focusing how can I improve performance, and speed of my pages. I've already read a lot in this subject.

I assume that jquery mobile on each page load searches for all 'data-role' attributes, and other elements like 'button' 'select' etc, and enhance them, without the developer required to do anything but writing simple data- attribute.

I know that searching for these attributes is very slow, since there is no native method for searching these elements with data-attributes, like getElementById for example. So I want to completely avoid JQM doing DOM search for me. I want to manually enhance my elements, similarly to jQueryUI: like $("#mylistview").listview();

Or, I will add the needed classes myself.

According to this video:

https://www.youtube.com/watch?v=BNS4u086Lg8

there is a way to disable auto-enhance, but I couldn't find a way.

I've found these:

ignoreContentEnabled  boolean, default: false

Warning: Setting this property to true will cause performance degradation on enhancement. Once set, all automatic enhancements made by the framework to each enhanceable element of the user's markup will first check for a  data-enhance=false parent node. If one is found the markup will be ignored. This setting and the accompanying data attribute provide a mechanism through which users can prevent enhancement over large sections of markup.

keepNative  Selector, default: ":jqmData(role='none'), :jqmData(role='nojs')"

Elements matching the selector specified in this option will never be enhanced. This is different from  ignoreContentEnabled because it does not affect the children of elements that match this selector.

But it's still does not seem to answer to my requirment - I do not want any DOM traversing by JQM. It seems that "keepNative" still matches elements against selectors, and ignoreContentEnabled still needs to search for data attribute.

Thanks