Categories

  • Access & Security 95
  • Administration 172
  • Advertisement 92
  • Audio & Video 66
  • Author & Content 99
  • Comments 96
  • Communication 110
  • Communities & Forums 84
  • Development 47
  • E-Commerce 76
  • Email Management 53
  • Events & Calendars 80
  • Language 25
  • Map & Weather 44
  • Migration & Conversion 28
  • Miscellaneous 254
  • Mobile 15
  • Photos 143
  • Plugins 260
  • SEO & Site Speed 118
  • Social 186
  • Theme Enhancement 169



  • Add this plugin to a List

    You need to be logged in to add this plugin to your list.

    Mobile Friendly Audit Tool

    Add to List

    This WordPress plugin allows you to embed a frontend widget where the user can enter the full URL of the website to
    test for mobile friendliness, and the results are displayed below. This widget uses Google’s PageSpeed Insights API.

    NOTE: Make sure you enter your Google Apps API key into the settings area.

    The shortcode presents a basic HTML form that captures a URL. When the Run Audit button is pressed, the
    form is hidden, and the loading UI displayed. When the PageSpeed API call returns, the information is
    displayed in templated sections beneath.

    Usage
    Simply embed the shortcode [mobile_audit_form] into any post content area, or HTML/Text widget.

    Options

    Debug output
    Use the debug="true" option to show debug output in the browsers JavaScript console.
    E.g. [mobile_audit_form debug="true"]

    Hiding Result Sections
    You can hide the one or more of the following sections via shortcode attributes:

    • Overall: [mobile_audit_form hide_overall="true"]
    • Recommendations: [mobile_audit_form hide_recommendations="true"]
    • Statistics: [mobile_audit_form hide_statistics="true"]
    • Resources: [mobile_audit_form hide_resources="true"]
    • Preview: [mobile_audit_form hide_preview="true"]

    The Results

    Overall

    The Overall section shows Google’s mobile rating for both Speed and Usability, including a Google-o-meter chart.

    Recommendations

    This section shows suggestions for improving the page ratings. Each entry is marked pass, warning or fail.

    Statistics

    This section shows useful statistics related to the page request and response breakdowns by asset type.

    Resources

    This is a pie chart showing the split between asset type, for the page response.

    Preview

    This shows an image snapshot of the page, as Google sees it.

    Theming

    All markup is provided via .php files in the plugin’s /templates/ folder. Override these templates within your theme
    to fully customise the output.

    The CSS is neutral and comes with very basic styling, so as to pick up your theme’s default styles.The plugin CSS is
    built using SASS, and the plugin comes with a Grunt build file, to compile the SASS into minified CSS, as well as
    combine and minify all JavaScripts.

    Copy the SASS files into your theme to generate CSS to override the plugin’s default styles.

    TODO: Create an admin option to disable the inclusion of the plugin’s default CSS.

    Font Awesome

    This plugin includes a copy of Font Awesome, for its icons.

    TODO: Create an admin option to disable the inclusion of the plugin’s fontawesome CSS.

    Caching

    HTML5 localStorage, if present, is used to cache PageSpeed API call results, in order to reduce the number of calls
    made to Google’s API. Results are cached by page/url.

    Rate This Plugin

    Please Login to Rate this Plugin!

    Function

    Feature

    Support

    0 Votes
    Not Rated Yet

    Wordpress.org Stats

    Ratings5
    Votes2
    Downloads1,665
    Last Updated807 Days ago
    Published3 years ago

    Report Wrong Category!