Hybrid View

  1. #1
    Ext JS Premium Member stever's Avatar
    Join Date
    Mar 2007
    Posts
    1,407
    Vote Rating
    6
    stever will become famous soon enough stever will become famous soon enough

      0  

    Default Curious on the order of files

    Curious on the order of files


    I don't know the internals of webkit as well as I do Gecko, so I'm curious why in the getting started guide it is recommended to interleave the CSS and JS files in this order: CSS, JS, JS, CSS?

    Code:
    	 <!-- Ext Touch CSS -- >
    	 <link rel="stylesheet" href="../../resources/css/ext-touch.css" type="text/css" >
    	
    	 <!-- Ext Touch JS -- >	
    	 <script type="text/javascript" src="../../ext-touch-debug.js" > </script >
    	
    	 <!-- Application JS -- >
    	 <script type="text/javascript" src="src/index.js" > </script >
    
    	 <!-- Application CSS -- >
    	 <link rel="stylesheet" href="css/guide.css" type="text/css" >
    I would have expected the CSS together and then the JS together, but perhaps that is not the optimized order? Again, just curious...

  2. #2
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,360
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    I wonder if the well-known paradigm of CSS up top and javascript at the bottom works for the mobile world.

  3. #3
    Sencha User davidkaneda's Avatar
    Join Date
    Jan 2010
    Location
    Bay Area, CA
    Posts
    147
    Vote Rating
    0
    davidkaneda is on a distinguished road

      0  

    Default


    Not sure how much the order affects mobile WebKit, but we probably should keep them up top for consistency. Thanks for highlighting.

  4. #4
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    i've noticed a noticeable slowdown in rendering when js files are included in the <head> in mobile safari.

    i've since moved all js files to just before the closing </body> tag.

    all my css includes remain in the <head>.
    Last edited by mystix; 24 May 2010 at 8:10 AM. Reason: added clarification

  5. #5
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,360
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Is the mobile browser optimized to handle JS files in the head better than non mobile?

  6. #6
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    Quote Originally Posted by jgarcia@tdg-i.com View Post
    Is the mobile browser optimized to handle JS files in the head better than non mobile?
    sorry jay, should've been clearer -- i noticed that slowdown in safari mobile.

    on desktop browsers, i've yet to notice any slowdown when including everything in the <head>.

Similar Threads

  1. Replies: 2
    Last Post: 2 Dec 2009, 6:42 AM
  2. Curious (non-)behaviour
    By neonfly in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 19 Feb 2009, 5:49 AM
  3. Next Revision - Curious
    By patspats in forum Ext 2.x: Help & Discussion
    Replies: 7
    Last Post: 28 Mar 2007, 10:39 AM
  4. Curious about examples
    By baggins2000 in forum Ext 1.x: Help & Discussion
    Replies: 8
    Last Post: 15 Nov 2006, 8:19 AM

Thread Participants: 3