{"id":24828,"date":"2014-05-19T00:00:00","date_gmt":"2014-05-19T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-your-site-more-mobile-friendly-with-pagespeed-insights\/"},"modified":"2014-05-19T00:00:00","modified_gmt":"2014-05-19T00:00:00","slug":"making-your-site-more-mobile-friendly-with-pagespeed-insights","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-your-site-more-mobile-friendly-with-pagespeed-insights\/","title":{"rendered":"Making your site more mobile-friendly with PageSpeed Insights"},"content":{"rendered":"<p class=\"gargardate\">Monday, May 19, 2014<\/p>\n<p>\n  To help developers and webmasters make their pages mobile-friendly, we recently updated PageSpeed<br \/>\n  Insights with additional recommendations on mobile usability.\n<\/p>\n<p><img decoding=\"async\" alt height=\"400\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-f8f31de2a95a.png\" loading=\"lazy\" width=\"362\"><\/p>\n<p>\n  Poor usability can diminish the benefits of a fast page load. We know the average mobile page<br \/>\n  takes<br \/>\n  <a href=\"https:\/\/analytics.blogspot.com\/2013\/04\/is-web-getting-faster.html\" class=\"external-link\">more than 7 seconds to load<\/a>,<br \/>\n  and by using the<br \/>\n  <a href=\"https:\/\/pagespeed.web.dev\/\" class=\"external-link\">PageSpeed Insights tool<\/a><br \/>\n  and following its speed recommendations, you can make your page<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-smartphone-sites-load-fast\/\">load much faster<\/a>. But suppose<br \/>\n  your fast mobile site loads in just 2 seconds instead of 7 seconds. If mobile users still have to<br \/>\n  spend another 5 seconds once the page loads to pinch-zoom and scroll the screen before they can<br \/>\n  start reading the text and interacting with the page, then that site isn&#8217;t really fast to use<br \/>\n  after all. PageSpeed Insights&#8217; new User Experience rules can help you find and fix these usability<br \/>\n  issues.\n<\/p>\n<p>These new recommendations currently cover the following areas:<\/p>\n<ul>\n<li>\n    <b>Configure the viewport<\/b> : Without a <code>meta-viewport<\/code> tag, modern mobile browsers<br \/>\n    will assume your page is not mobile-friendly, and will fall back to a desktop viewport and<br \/>\n    possibly apply font-boosting, interfering with your intended page layout.<br \/>\n    <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/ConfigureViewport\" class=\"external-link\">Configuring the viewport<\/a><br \/>\n    to <code>width=device-width<\/code> should be your first step in mobilizing your site.\n  <\/li>\n<li>\n    <b>Size content to the viewport<\/b>: Users expect mobile sites to scroll vertically, not<br \/>\n    horizontally. Once you&#8217;ve configured your viewport, make sure your page content<br \/>\n    <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/SizeContentToViewport\" class=\"external-link\">fits the width of that viewport<\/a>,<br \/>\n    keeping in mind that not all mobile devices are the same width.\n  <\/li>\n<li>\n    <b>Use legible font sizes<\/b>: If users have to zoom in just to be able read your article text<br \/>\n    on their smartphone screen, then your site isn&#8217;t mobile-friendly. PageSpeed Insights checks that<br \/>\n    your site&#8217;s<br \/>\n    <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/UseLegibleFontSizes\" class=\"external-link\">text is large enough<\/a><br \/>\n    for most users to read comfortably.\n  <\/li>\n<li>\n    <b>Size tap targets appropriately<\/b>: Nothing&#8217;s more frustrating than trying to tap a button or<br \/>\n    link on a phone or tablet touchscreen, and accidentally hitting the wrong one because your<br \/>\n    finger pad is much bigger than a desktop mouse cursor. Make sure that your mobile site&#8217;s<br \/>\n    touchscreen<br \/>\n    <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/SizeTapTargetsAppropriately\" class=\"external-link\">tap targets are large enough<\/a><br \/>\n    to press easily.\n  <\/li>\n<li>\n    <b>Avoid plugins<\/b>: Most smartphones don&#8217;t support Flash or other browser plugins, so make<br \/>\n    sure your mobile site<br \/>\n    <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/AvoidPlugins\" class=\"external-link\">doesn&#8217;t rely on plugins<\/a>.\n  <\/li>\n<\/ul>\n<p>\n  These rules are described in more detail in<br \/>\n  <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/rules\" class=\"external-link\">our help pages<\/a>. When you&#8217;re ready,<br \/>\n  you can test your pages and the improvements you make using the<br \/>\n  <a href=\"https:\/\/pagespeed.web.dev\/\" class=\"external-link\">PageSpeed Insights tool<\/a>.<br \/>\n  We&#8217;ve also updated PageSpeed Insights to use a mobile friendly design, and we&#8217;ve translated our<br \/>\n  documents into additional languages.\n<\/p>\n<p>\n  As always, if you have any questions or feedback, please post in our<br \/>\n  <a href=\"https:\/\/groups.google.com\/forum\/#!forum\/pagespeed-insights-discuss\" class=\"external-link\">discussion group<\/a>.\n<\/p>\n<p class=\"byline-author\">Posted by Matthew Steele and Doantam Phan, PageSpeed Insights team<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monday, May 19, 2014 To help developers and webmasters make their pages mobile-friendly, we recently updated PageSpeed Insights with additional recommendations on mobile usability. Poor usability can diminish the benefits of a fast page load. We know the average mobile page takes more than 7 seconds to load, and by using the PageSpeed Insights tool [&hellip;]<\/p>\n","protected":false},"menu_order":83791,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-24828","ar_kb","type-ar_kb","status-publish","has-post-thumbnail","hentry","ar_kb_kategori-blog"],"_links":{"self":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb"}],"about":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/types\/ar_kb"}],"version-history":[{"count":0,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24828\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/27025"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=24828"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=24828"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=24828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}