Google is now factoring in mobile friendly web designs and mobile site speed into their search engine rankings. With the growth of mobile devices surfing the Web (some sites we've tested have more than 40% of their traffic from mobile devices) Google wants its search engine users to experience the full richness of the Web by rewarding sites with fast mobile-friendly designs.
In June, Google's own official blog mentioned future changes in search rankings for "misconfigured" sites for mobile users. Google outlines some common problems with mobile sites (or the lack thereof): Developers have reported that not having a mobile-friendly site could harm your search engine rankings. Google already factors in site speed in their search engine rankings. In August Google's Matt Cutts confirmed that page speed affects search rankings across the board (meaning both desktop and mobile), according to an Examiner story. However, one empirical study from the Moz Blog found that search rankings correlated with time to first byte (TTFB) but not with page load time. Google has updated their Pagespeed tool to help analyze mobile site speed, and gave some guidelines on making mobile sites fast. While mobile sites have gotten about 30% faster from 2012 to 2013, the mean load time for mobile sites is about 7 seconds. Like their desktop site speed rule, mobile site speed is now a factor in search rankings. Ideally web sites are designed in a "mobile first" fashion, with the mobile site designed first and the desktop second, not the other way around. A responsive site is one that "responds" to a mobile device and morphs the same content into a mobile-friendly format, linearizing the content and hiding some elements to better fit in mobile-friendly form factors. The preferred method of this hide and seek dance is @media rules. Display:none; and visibility:none; may hide elements, but used improperly still cause the target resources to download, slowing down the mobile experience. CSS@media rules are the preferred method to dynamically adjust for mobile form factors using conditional CSS rules. By using these techniques and designing for mobile first you can help speed up the mobile Web, and ensure your mobile site isn't penalizing your rankings.Mobile Sites and Google Search Rankings
Mobile Site Speed and Search Rankings
CSS @media Rules and Mobile Sites
Further Reading
By website optimization on 26 Nov 2013 AM