homepage Welcome to WebmasterWorld Guest from 54.227.41.242
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
Forum Library, Charter, Moderators: not2easy

Mobile Web Site Design and Development Forum

    
Google Publishes Guidelines For Optimizing Mobile Site Pages
engine




msg:4600597
 12:00 pm on Aug 9, 2013 (gmt 0)

These are useful guidelines for webmasters.

Today we’re announcing new guidelines and an updated PageSpeed Insights tool to help webmasters optimize their mobile pages for best rendering performance.Google Publishes Guidelines For Optimizing Mobile Site Pages [googlewebmastercentral.blogspot.com]


Prioritizing above-the-fold content: The above-the-fold HTML, CSS, and JS is known as the critical rendering path.

We can achieve sub-second rendering of the above-the-fold content on mobile networks by applying the following best practices:

  • Server must render the response (< 200 ms)
  • Number of redirects should be minimized
  • Number of roundtrips to first render should be minimized
  • Avoid external blocking JavaScript and CSS in above-the-fold content
  • Reserve time for browser layout and rendering (200 ms)
  • Optimize JavaScript execution and rendering time

  •  

    jojy




    msg:4600710
     6:08 pm on Aug 9, 2013 (gmt 0)

    Glad to hear from Google! I wonder how responsive designs can be optimized for smart phones if your desktop site is pretty much loaded? For example, I redirect my smart phone visitors to m.mysite.com because my desktop site is bit heavy for smart phone users and I also use ads which internally redirects to other ad networks. If I show different contents to smart phone users that would hurt the spirit of "responsive" site idea. How do you deal with such situation?

    nomis5




    msg:4600717
     6:55 pm on Aug 9, 2013 (gmt 0)

    My feeling about this is that it's another G "smoke and screens" exercise to get us going round in circles trying to achieve a one second ATF download time for mobiles.

    Their analysis page doesn't appear to give an estimate of the current download time and that is the one thing which may well be of great interest. The advice given is so generic it seems to be worthless, for me anyway.

    They appear to want me to remove my only css file until the ATF content is rendered - how can I do that? The css file controls what all the content looks like, including ATF.

    They want me to use browser cache to display the top picture - but it will almost never be in a users cache for my website because the pic is specific to that page.

    Thanks for the advice.

    drhowarddrfine




    msg:4600744
     8:37 pm on Aug 9, 2013 (gmt 0)

    @nomis5 Most of the advice has been floating around online articles for quite a while. Much of that we incorporate into our client's sites and it works very well. The "less than one second" thing is very achievable but it depends on your site. ymmv.

    @jojy I'm at a client site right now and can't really write about this but you can't take a desktop site and always expect to serve it to mobile and be happy. Mobile != desktop and things must be cut out or otherwise served at another time. If you must have a heavy site deliver the same content to mobile, you're doing it wrong and not doing your visitor any favors.

    JS_Harris




    msg:4600809
     4:08 am on Aug 10, 2013 (gmt 0)

    The "less than one second" thing is very achievable but it depends on your site. ymmv.

    Tests have shown that every tenth of a second counts, Amazon most recently claimed that a tenth of a second equates to a 1% bounce reduction on Amazon though I'm sure it's not linear. Being as fast as you can be is always a good thing to strive for.

    That being said I just wanted to point out relativity, your site speed vs your competitors. Are your competitors blazingly fast while you are a turtle? Being the turtle isn't a good thing online.

    lucy24




    msg:4600810
     4:52 am on Aug 10, 2013 (gmt 0)

    They appear to want me to remove my only css file until the ATF content is rendered - how can I do that? The css file controls what all the content looks like, including ATF.

    Huh. This came up in a similar thread just yesterday. The assumption seems to be that a mobile user will only visit one page; external stylesheets start paying for themselves on the second page.

    They want me to use browser cache to display the top picture - but it will almost never be in a users cache for my website because the pic is specific to that page.

    Check the expiration period. They may simply want images to be cachable for a longer time.

    :: quick detour to raw logs ::

    Thought so. Most of my 304 responses are from Googlebot-Image.

    :: further detour to Apache docs ::

    ###. Anyone know where they hide the defaults? Or is it up to the browser to make something up if the server doesn't say? Can't get the information from headers, because I only log those for page requests.

    brotherhood of LAN




    msg:4601144
     11:34 pm on Aug 11, 2013 (gmt 0)

    Server must render the response (< 200 ms)


    Clearly you would want to avoid any external calls to other servers... like social buttons.

    The thing to bear in mind when Google offers advice, is it seems to be 50% about what users want, and 50% about how it can save them resources spidering your site.

    Saying that, the web as a whole would likely be served quicker following some of their practical advice.

    Global Options:
     top home search open messages active posts  
     

    Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
    rss feed

    All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
    Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
    WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
    © Webmaster World 1996-2014 all rights reserved