Results 1 to 29 of 29

Thread: HOW TO SPEED UP YOUR MOBILE SITE (Mobile Web Surfers Abandon Slow Sites Too, Says Gomez)

  1. #1
    Mobility Regular
    Join Date
    Jul 2007
    Location
    australia
    Posts
    351

    Default HOW TO SPEED UP YOUR MOBILE SITE (Mobile Web Surfers Abandon Slow Sites Too, Says Gomez)

    Mobile website visitors are as impatient as desktop web surfers. Data from Gomez shows that mobile web surfers abandon slow mobile websites almost as fast as they do for slow-loading websites in desktop browsers.

    A national survey of consumers sponsored by Gomez showed that more than half expect a mobile website to load as fast, or faster, than their desktop counterpart.
    Mobile website visitors won't wait longer for pages to load. Gomez real end-user monitoring that compares mobile vs.desktop browsing shows that after 3 seconds wait time, abandonment rates for mobile surfers are strikingly similar to desktop browsing. Click on chart to view details.


    Mobile shopping accelerated in 2010, but many retailers did not meet customer expectations, with the Compuware Gomez Retail Satisfaction Index showing an aggregate score of 47.3, considered "tolerable," compared to a score of 84.2 for desktop websites.
    The problem is not the wireless carriers but how the mobile websites compare to competitors. Gomez Benchmarks show, even for the same device on the same carrier, that there is a 9-second difference in response time from the leading website to the site ranked 15th. Clearly, some mobile websites offer stellar speeds, while others lag, even on the same network.
    "Mobile websites are reminiscent of where the overall web was 10 years ago, performance-wise," says Matt Poepsel, VP of Performance Strategies for Compuware Gomez.
    Businesses are in heated competition to provide fast, well-performing websites, since experience has shown impatient consumers will abandon slow or poorly performing sites. Recent consumer surveys conducted for Gomez showed nearly a third of consumers will abandon slow sites after five seconds or less of wait time, with 78 percent opting for a competitor's site during peak times.


    http://www.wirelessandmobilenews.com...ays-gomez.html

  2. #2
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    The mobile website era has only started and much improvement is needed before it can be mature enough for the average consumer to use.

  3. #3
    Mobility Regular morse's Avatar
    Join Date
    Apr 2009
    Location
    Mumbai, India
    Posts
    579

    Default

    Agreed completely with the post. While I may not have much of an experience with mobile commerce, I however do have experience with mobile social network.
    One of the reason why my social network site RockChat is doing well is simply because of its speed. There are loads of sites out there which offer social networking on mobile but not all have good enough speeds. I painstakingly edited the entire code, remove code which created an execution loop and TADA - the site rocked! So yes I will fully agree that Mobile Web Users are impatient folks and site speed matters lot.

  4. #4
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    I always remember the 2-second load time rule when I design sites. People don't want to wait more than 2 seconds.

  5. #5
    Senior Member andymoore's Avatar
    Join Date
    Aug 2008
    Posts
    1,612

    Default

    So how fast is your site and what can be done to improve page load speeds?

    http://www.webpagetest.org/

    A beautiful free tool that helps you break down what needs to be done to speed your site up.

    After seeing this post yesterday I tested my new lyric site and it had a miserable score, a few tweaks later and now it scores well.

    1st score: http://www.webpagetest.org/result/110123_QW_18AK/
    Last score: http://www.webpagetest.org/result/110123_S8_18DD/

    Issues you might find and how to fix them:

    1) Compress text

    In your PHP scripts: ob_start("ob_gzhandler");

    In .htaccess:

    Code:
    <IfModule mod_deflate.c>
    <FilesMatch "\.(js|css)$">
    SetOutputFilter DEFLATE
    </FilesMatch>
    </IfModule>
    2) Compress images:

    http://smush.it/

    3) Cache static contents, in .htaccess:

    Code:
    <FilesMatch "\.(ico|pdf|flv)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    <FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    <FilesMatch "\.(xml|css|js)$">
    Header set Cache-Control "max-age=29030400, proxy-revalidate"
    </FilesMatch>
    <FilesMatch "\.(html|txt|htm|php)$">
    Header set Cache-Control "max-age=60, private, proxy-revalidate"
    </FilesMatch>
    4) Use a CDN - these guys truly ROCK: http://www.maxcdn.com/ - they offer a pull CDN, you upload your images or whatever to yoursite.com/file.jpg and then link to that file through the CDN like this: yoursite.cnd-address.com/file.jpg

    Example:

    http://lyricsite.mobi/logo.png is where the file lives on my site
    http://lyricsite.palacemarketingltd....n.com/logo.png is the address of the file on the CDN.

    The CDN gets the file from my server, stores it on an array of servers all over the globe and serves that to visitors from the server nearest them.

    Max CDN are very good, very affordable and pretty easy to set up.

    5) Compress JavaScript:

    http://jscompress.com/

    6) Remove eTags:

    .htaccess again:

    Code:
    Header unset ETag
    FileETag None
    There's also browser extensions from Yahoo and Google plus a number of sites out there to help.

    There are no excuses for having a slow site anymore!
    Last edited by andymoore; 01-24-2011 at 11:46 AM.
    Andy Moore
    i don't do tech / mobi anymore - why do something that annoys and stresses lol

    New: Most Minty Tooth Oil - GMO and fluoride free toothpaste alternative

    100% natural botanical extracts to whiten teeth, freshen breath and strengthen gums
    Used, recommended and sold by Harley Street private dentists

    My other websites:

    http://sellyoursongs.info/ - Sell Your Songs using Mobile Payments
    http://detectmobilebrowsers.mobi/ - Detect Mobile Browsers
    http://andymoore.info/m-commerce-php/ - M-Commerce PHP (sell stuff on the mobile web)
    http://locationdetection.mobi/ - Detect a mobile browser's latitude & longitude
    http://andymoore.info/mysql-lyrics-database/ - Half a million lyrics


  6. #6
    Senior Member GijsZePa's Avatar
    Join Date
    Jul 2007
    Location
    Nieuw-Vennep, The Netherlands
    Posts
    2,800

    Default

    Superpost Andy !... MODS make this one sticky !

    Martin
    <signature police forced me to remove my image that was too large and had nothing to do with a mobi site >


    Autodisk.mobi - all dutch carspecs | Manage all your holiday accommodations with our online manager.

  7. #7
    Founding Member Scandiman's Avatar
    Join Date
    Jun 2007
    Location
    NorCal
    Posts
    9,538

    Default

    Great stuff Andy! This is a rep 10x post! (and I cant do any via mobile will return to tickle via laptop )

    Quote Originally Posted by andymoore View Post
    So how fast is your site and what can be done to improve page load speeds?

    http://www.webpagetest.org/

    A beautiful free tool that helps you break down what needs to be done to speed your site up.

    After seeing this post yesterday I tested my new lyric site and it had a miserable score, a few tweaks later and now it scores well.

    1st score: http://www.webpagetest.org/result/110123_QW_18AK/
    Last score: http://www.webpagetest.org/result/110123_S8_18DD/

    Issues you might find and how to fix them:

    1) Compress text

    In your PHP scripts: ob_start("ob_gzhandler");

    In .htaccess:

    Code:
    <IfModule mod_deflate.c>
    <FilesMatch "\.(js|css)$">
    SetOutputFilter DEFLATE
    </FilesMatch>
    </IfModule>
    2) Compress images:

    http://smush.it/

    3) Cache static contents, in .htaccess:

    Code:
    <FilesMatch "\.(ico|pdf|flv)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    <FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    <FilesMatch "\.(xml|css|js)$">
    Header set Cache-Control "max-age=29030400, proxy-revalidate"
    </FilesMatch>
    <FilesMatch "\.(html|txt|htm|php)$">
    Header set Cache-Control "max-age=60, private, proxy-revalidate"
    </FilesMatch>
    4) Use a CDN - these guys truly ROCK: http://www.maxcdn.com/ - they offer a pull CDN, you upload your images or whatever to yoursite.com/file.jpg and then link to that file through the CDN like this: yoursite.cnd-address.com/file.jpg

    Example:

    http://lyricsite.mobi/logo.png is where the file lives on my site
    http://lyricsite.palacemarketingltd....n.com/logo.png is the address of the file on the CDN.

    The CDN gets the file from my server, stores it on an array of servers all over the globe and serves that to visitors from the server nearest them.

    Max CDN are very good, very affordable and pretty easy to set up.

    5) Compress JavaScript:

    http://jscompress.com/

    6) Remove eTags:

    .htaccess again:

    Code:
    Header unset ETag
    FileETag None
    There's also browser extensions from Yahoo and Google plus a number of sites out there to help.

    There are no excuses for having a slow site anymore!

  8. #8
    Administrator Andres Kello's Avatar
    Join Date
    Jun 2007
    Location
    Barcelona
    Posts
    3,548

    Default

    Moved, renamed, stuck, and repped.
    My .mobi's: Dating.mobi | Dubai.mobi | Adult.mobi | Banking.mobi | Student.mobi | Call.mobi | Horoscope.mobi | Messenger.mobi | Classifieds.mobi | LiveTV.mobi

    Developed: Yup.mobi | Mobility
    | Why .mobi? | Banking | Vuelos | Airline Complaints | Random Site | Whois | Free Mobile Dating | Free Dictionary | Free Thesaurus | Horoscope | Astrology | Free Translation | Exchange Rates


  9. #9
    Senior Member gogo's Avatar
    Join Date
    Oct 2007
    Location
    planet Gogon - M25 class planet
    Posts
    3,452

    Default

    Interesting, thanks for the info, code and links.

    If you want a concise book on this try this one - it's good.
    High Performance Web Sites: Essential Knowledge for Front-End Engineers

    by Steve Souders

    http://www.amazon.com/High-Performan.../dp/0596529309

    Want your web site to display more quickly? This book presents 14 specific rules that will cut 25% to 50% off response time when users request a page. Author Steve Souders, in his job as Chief Performance Yahoo!, collected these best practices while optimizing some of the most-visited pages on the Web. Even sites that had already been highly optimized, such as Yahoo! Search and the Yahoo! Front Page, were able to benefit from these surprisingly simple performance guidelines.

  10. #10
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    Excellent materials, Andy! There's so much information about my sites that I can now use to improve the speed. I also found out buzzcity ad takes 1.5s out of the total 2.6s to load the home page. Is there anything I can do to make buzzcity ad load faster?

  11. #11
    Mobility Regular morse's Avatar
    Join Date
    Apr 2009
    Location
    Mumbai, India
    Posts
    579

    Default

    This is awesome, However when we use external advertisement networks, the speed of the site decreases. Just like ChinaMobi pointed out, admob too causes speed load problems. Any way that this can be fixed ?

  12. #12
    New Member
    Join Date
    Jun 2011
    Posts
    7

    Default

    so slow. THANKS FOR THE TIPS

  13. #13
    New Member
    Join Date
    Jun 2011
    Location
    Brisbane/Bangkok
    Posts
    24

    Default

    I always find it amazing that these companies that make the comments on mobile websites have nothing themselves in the mobile arena.

    I just visited Gomez on my phone and they dont have a mobile website so it is interesting that they make the comments.

    Personally I think mobile visitors are a lot more patient than desktop users.

    Q
    Discover how to build High End Mobile Websites - Icon Builder for Mobile Websites

  14. #14
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    Quote Originally Posted by speedie View Post
    Personally I think mobile visitors are a lot more patient than desktop users.
    Only when they have no choice. As more mobile sites pop up, consumers will not wait for too long.

  15. #15
    New Member
    Join Date
    Jun 2011
    Location
    Brisbane/Bangkok
    Posts
    24

    Default

    Well I would not call my site fast loading or that interesting but it stands out because it has nice graphics and videos etc.

    Out of 1000 views this month I have a 40% bounce rate and average time on site 2.4 minutes.

    So this sort of goes against what everyone is saying.

    Obviously people are willing to wait if it looks at all interesting. What I find people do hate is those portal sites with crapy graphics and links to everything just to be fast.

    I know I paid a lot for my smart phone and I want to see good looking stuff. If I wanted to look at just text I would have bought a $50 nokia.

    Quentin
    Discover how to build High End Mobile Websites - Icon Builder for Mobile Websites

  16. #16
    Senior Member andymoore's Avatar
    Join Date
    Aug 2008
    Posts
    1,612

    Default

    A huge graphic that looks terrible on a PC, a YouTube video, some text and menu do not make a high end mobile site.
    Andy Moore
    i don't do tech / mobi anymore - why do something that annoys and stresses lol

    New: Most Minty Tooth Oil - GMO and fluoride free toothpaste alternative

    100% natural botanical extracts to whiten teeth, freshen breath and strengthen gums
    Used, recommended and sold by Harley Street private dentists

    My other websites:

    http://sellyoursongs.info/ - Sell Your Songs using Mobile Payments
    http://detectmobilebrowsers.mobi/ - Detect Mobile Browsers
    http://andymoore.info/m-commerce-php/ - M-Commerce PHP (sell stuff on the mobile web)
    http://locationdetection.mobi/ - Detect a mobile browser's latitude & longitude
    http://andymoore.info/mysql-lyrics-database/ - Half a million lyrics


  17. #17
    Senior Member andymoore's Avatar
    Join Date
    Aug 2008
    Posts
    1,612

    Default

    I posted this in the chatbox some time ago:

    My simple guide on how to make your site faster:

    http://bit.ly/kpfora

    Webpage test initial score: FFAFAF
    Score after optimization: AAAAAA

    Speed issues are easy to sort, there are no excuses for a lame slow site.

    Thought it might be handy as a follow up to this thread.
    Andy Moore
    i don't do tech / mobi anymore - why do something that annoys and stresses lol

    New: Most Minty Tooth Oil - GMO and fluoride free toothpaste alternative

    100% natural botanical extracts to whiten teeth, freshen breath and strengthen gums
    Used, recommended and sold by Harley Street private dentists

    My other websites:

    http://sellyoursongs.info/ - Sell Your Songs using Mobile Payments
    http://detectmobilebrowsers.mobi/ - Detect Mobile Browsers
    http://andymoore.info/m-commerce-php/ - M-Commerce PHP (sell stuff on the mobile web)
    http://locationdetection.mobi/ - Detect a mobile browser's latitude & longitude
    http://andymoore.info/mysql-lyrics-database/ - Half a million lyrics


  18. #18
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    Sorry, I'm kind of slow.

    I'm learning to use Google's Page Speed test to improve my mobile sites.

    http://pagespeed.googlelabs.com/#url...2F&mobile=true

    It reports 78/100, which is not bad. Google says I need to perform Leverage browser caching. I'd like to add Expires and Last-Modified in my .htaccess file, but how? What's the syntax? I don't use PHP and my story sites are very static. Can you show me an example? Currently, my .htaccess file has 1 line only:

    AddType text/cache-manifest .manifest

    Thanks.

  19. #19
    Senior Member andymoore's Avatar
    Join Date
    Aug 2008
    Posts
    1,612

    Default

    Code:
    <FilesMatch "\.(ico|pdf|flv)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    <FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    <FilesMatch "\.(xml|css|js)$">
    Header set Cache-Control "max-age=29030400, proxy-revalidate"
    </FilesMatch>
    <FilesMatch "\.(html|txt|htm|php)$">
    Header set Cache-Control "max-age=60, private, proxy-revalidate"
    </FilesMatch>
    Give that a shot and see if it effects the score.
    Andy Moore
    i don't do tech / mobi anymore - why do something that annoys and stresses lol

    New: Most Minty Tooth Oil - GMO and fluoride free toothpaste alternative

    100% natural botanical extracts to whiten teeth, freshen breath and strengthen gums
    Used, recommended and sold by Harley Street private dentists

    My other websites:

    http://sellyoursongs.info/ - Sell Your Songs using Mobile Payments
    http://detectmobilebrowsers.mobi/ - Detect Mobile Browsers
    http://andymoore.info/m-commerce-php/ - M-Commerce PHP (sell stuff on the mobile web)
    http://locationdetection.mobi/ - Detect a mobile browser's latitude & longitude
    http://andymoore.info/mysql-lyrics-database/ - Half a million lyrics


  20. #20
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    Hi Andy,

    I included your code in .htaccess, as follows:

    Code:
    AddType text/cache-manifest .manifest
    <FilesMatch '\.(ico|pdf|flv)$'>
    Header set Cache-Control 'max-age=29030400, public'
    </FilesMatch>
    <FilesMatch '\.(jpg|jpeg|png|gif|swf)$'>
    Header set Cache-Control 'max-age=29030400, public'
    </FilesMatch>
    <FilesMatch '\.(xml|css|js)$'>
    Header set Cache-Control 'max-age=29030400, proxy-revalidate'
    </FilesMatch>
    <FilesMatch '\.(html|txt|htm|php)$'>
    Header set Cache-Control 'max-age=60, private, proxy-revalidate'
    </FilesMatch>
    but the score remains at 78/100 and the same issue remains: Leverage browser caching. Clicking the link shows the following suggestions:


    Suggestions for this page

    The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:
    Any hint?

  21. #21
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    Another area I don't understand is the relationship between .htaccess and manifest files.

    I have a timestamp in a comment line in my manifest file. Whenever I update a website files, the timestamp is changed. When a user visits the site, the <html manifest='mystory.manifest'> statement in index.html will trigger the browser to look at the manifest file. If it sees the timestamp has been changed, it'll download all files listed int he manifest file to the user's device. So, why do we need max-age etc in .htaccess?

  22. #22
    Senior Member andymoore's Avatar
    Join Date
    Aug 2008
    Posts
    1,612

    Default

    I don't do offline browsing, for a seriously dynamic site I can't see the point.

    As for why, htaccess will parse on everything.... Read Steve Souders books....
    Andy Moore
    i don't do tech / mobi anymore - why do something that annoys and stresses lol

    New: Most Minty Tooth Oil - GMO and fluoride free toothpaste alternative

    100% natural botanical extracts to whiten teeth, freshen breath and strengthen gums
    Used, recommended and sold by Harley Street private dentists

    My other websites:

    http://sellyoursongs.info/ - Sell Your Songs using Mobile Payments
    http://detectmobilebrowsers.mobi/ - Detect Mobile Browsers
    http://andymoore.info/m-commerce-php/ - M-Commerce PHP (sell stuff on the mobile web)
    http://locationdetection.mobi/ - Detect a mobile browser's latitude & longitude
    http://andymoore.info/mysql-lyrics-database/ - Half a million lyrics


  23. #23
    Senior Member ChinaMobi's Avatar
    Join Date
    May 2010
    Posts
    1,593

    Default

    but the score remains at 78/100 and the same issue remains: Leverage browser caching
    Correction: The performance has actually improved, now at 99/100 after few days. So, it takes a while for Google to notice the change! Thanks Andy for the tip!

  24. #24

    Default

    The mobile website era has only started and much improvement is needed before it can be mature enough for the average consumer to use.


  25. #25

    Thumbs up How to speed up your mobile web

    Pocket PC

    1. No matter what application you're in, open the Start Menu and select Settings.
    2. At the bottom of the resulting screen will be a tab labeled "Connections." Select it.
    3. Tap on the Connections icon near the top of the screen.
    4. Select the link labeled "Manage existing connections."
    5. You'll see a list of possible connection methods. (For many people there'll only be one.) Select whichever of these is your primary connection, then tap on the "Edit..." button near the bottom of the page.
    6. Starting on the next page, hit the Next button twice.
    7. You should be on a page with a button labeled "Advanced." Tap on it.
    8. At the bottom of the resulting screen will be a tab labeled "Servers." Select it.
    9. Hit the radio button for "Use specific server addresses."
    10. Below that will be text boxes where you can enter the addresses you want to use. Change DNS to "4.2.2.1" and change Alt DNS to "4.2.2.2"
    11. Click OK and then hit the Finish button.
    Windows Mobile Smartphone

    1. While on the Today Screen, select the Start Menu.
    2. Choose Settings on the resulting screen.
    3. Choose Connections from the list of options
    4. Now select GPRS
    5. Pick your GPRS connection from the resulting list of connections.
    6. Scroll down this screen until you come to "Primary DNS," then enter "4.2.2.1"
    7. For Secondary DNS, enter "4.2.2.2"
    8. Press the Done button at the bottom of the screen, then hit the red Phone button to return to the Today Screen.
    Palm OS

    1. While in the application launcher, find the Prefs application and open it.
    2. Choose the Network option.
    3. From the drop-down list of Services, pick your GPRS connection.
    4. Tap on the "Details..." button at the bottom of the screen.
    5. There probably be a checkmark next to "Query DNS." Uncheck this.
    6. For "Primary DNS," enter "4.2.2.1"
    7. For Secondary DNS, enter "4.2.2.2"
    8. Hit the OK button, then the Done button.

  26. #26
    New Member
    Join Date
    Jul 2012
    Location
    UK
    Posts
    2

    Default

    Thanks for the tips. I have 3 Mobile Phone .I will surely follow these tips ...really helpful for me!
    Last edited by Siennahussain; 07-10-2012 at 12:39 PM.

  27. #27
    Banned
    Join Date
    Jun 2012
    Posts
    89

    Default

    Great job brother.thank you for giving good tips.

  28. #28
    New Member
    Join Date
    Aug 2012
    Location
    Irvine, CA
    Posts
    9

    Default what about ad servers?

    do you guys find that those slow load time or for the most part do they work alright?

  29. #29
    Mobility Member nancy29's Avatar
    Join Date
    Dec 2012
    Posts
    51

    Default

    great work andymoore this is helpful htaccess code for everyone i have been using plugin to compress code in wordpress

  30. #30
    First time poster!
    Join Date
    Mar 2016
    Posts
    0

    Default How to speed up your mobile website

    hi, i am from Pakistan, i don't know much about international world, but here in Pakistan 200 million people have access to internet, and here the mobile era has just started now, so lots of reforms are waiting to be done, and i agree with you that mobile users want everything with high speed instead of using desktop computers.

Similar Threads

  1. New site incredibly slow
    By Binaryman in forum Suggestions / Comments / Criticisms
    Replies: 4
    Last Post: 03-17-2010, 07:21 PM
  2. Retailer Mobile Sites Slow and Unstable, Study Finds - Brighthand
    By Scavenger in forum Mobile Industry News
    Replies: 0
    Last Post: 02-02-2010, 01:20 PM
  3. Mobile broadband speed 'too slow' - BBC News
    By Scavenger in forum Mobile Industry News
    Replies: 0
    Last Post: 09-22-2009, 09:10 AM
  4. Gomez Ranks The Mobile Search Sites - AccuraCast
    By Scavenger in forum Latest "dotMobi" News
    Replies: 0
    Last Post: 04-23-2009, 09:40 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
A Yup.mobi Mobile Site
Mobile Dating