Dmitry

Google ranks mobile-first. Is your WordPress site ready?
MobileRank finds what’s broken on mobile, shows you why it’s hurting your Google rankings, and tells you exactly how to fix it. Three built-in scanners work instantly with zero configuration — no API key needed. Add a free Google PageSpeed API key to unlock full performance scoring with Core Web Vitals.
Your caching plugin makes your site fast. MobileRank makes your mobile site fast and usable.
<h4>Works Instantly — No Setup Required</h4>
These features run the moment you activate. No API key, no configuration, no waiting:
<ul>
<li>Image Audit — Scans your entire media library for missing alt text, oversized images (>500KB), non-WebP formats, and images missing width/height attributes</li>
<li>Content Scanner — Checks every published post and page for unresponsive tables, hardcoded pixel widths, missing image dimensions, and long URLs that break on mobile</li>
<li>Mobile Readiness Checklist — 12 instant checks including viewport meta tag, HTTPS, responsive theme detection, script/stylesheet count, jQuery Migrate, PHP version, and more</li>
<li>3 One-Click Quick Fixes — Enable lazy loading, fix oversized images, and improve mobile font sizes with one click. Safe CSS injections that can be reverted instantly</li>
</ul>
<h4>Full Google PageSpeed Scan (Free API Key)</h4>
<ul>
<li>Scans up to 10 pages at mobile viewport using Google PageSpeed Insights</li>
<li>Tracks Core Web Vitals — LCP, CLS, and INP scores per page</li>
<li>Flags every issue with plain-English explanations (not developer jargon)</li>
<li>Maps each issue to its SEO impact so you know what to fix first</li>
<li>Provides fix suggestions — step-by-step guidance with code snippets you can use immediately</li>
<li>Mobile Preview — See your site rendered in phone, tablet, and desktop frames with issues highlighted</li>
<li>Color-coded severity — see at a glance what’s critical vs. minor</li>
</ul>
<h4>Issues MobileRank Detects</h4>
<ul>
<li>Layout shift (CLS) causing content to jump on mobile</li>
<li>Oversized images served at desktop resolution on phones</li>
<li>Missing lazy loading on off-screen images</li>
<li>Tap targets too small or too close together</li>
<li>Text too small to read without zooming</li>
<li>Render-blocking CSS and JavaScript</li>
<li>Missing or misconfigured viewport meta tag</li>
<li>Unused CSS and JavaScript wasting bandwidth</li>
<li>Slow Largest Contentful Paint (LCP)</li>
<li>Missing text compression (gzip/brotli)</li>
<li>And more…</li>
</ul>
<h4>Who Is MobileRank For?</h4>
<ul>
<li>Site owners who see bad mobile PageSpeed scores but don’t know why</li>
<li>Bloggers dependent on Google organic traffic</li>
<li>WooCommerce store owners losing mobile conversions</li>
<li>Freelancers & agencies who need to diagnose and fix client sites</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Install and activate MobileRank</li>
<li>Mobi automatically runs Image Audit, Content Scanner, and Mobile Readiness Checklist — results in seconds</li>
<li>Add a free Google API key in Settings for full PageSpeed scanning (optional but recommended)</li>
<li>Click “Run Full Scan” to analyze up to 10 pages with Core Web Vitals</li>
<li>See every issue mapped to SEO impact with step-by-step fix guidance</li>
</ol>
<h4>Free Version Includes</h4>
<ul>
<li>Image Audit, Content Scanner, and Mobile Readiness Checklist (no API key required)</li>
<li>3 one-click Quick Fixes (lazy loading, responsive images, mobile fonts)</li>
<li>Scan up to 10 pages with Google PageSpeed Insights</li>
<li>Core Web Vitals tracking (LCP, CLS, INP)</li>
<li>Mobile Preview with phone, tablet, and desktop frames</li>
<li>SEO impact mapping for every issue</li>
<li>Fix suggestions with code snippets</li>
<li>Email scan reports</li>
<li>Score tracking with before/after comparison</li>
<li>Clean, modern dashboard with Mobi mascot</li>
</ul>
<h3>External Services</h3>
This plugin connects to the Google PageSpeed Insights API to analyze the mobile performance of your website pages.
<h4>Google PageSpeed Insights API</h4>
<ul>
<li>What it does: Runs Google Lighthouse audits on your pages to measure mobile performance, Core Web Vitals (LCP, CLS, INP), and detect mobile usability issues.</li>
<li>When data is sent: Only when you manually click “Run Scan” or when a scheduled scan runs (if configured). No data is sent automatically on plugin activation or page load.</li>
<li>What data is sent: The public URL of the page being scanned. No personal data, cookies, or user information is transmitted.</li>
<li>Service provider: Google LLC</li>
<li>Terms of Service: <a href="https://developers.google.com/terms" rel="nofollow ugc">Google APIs Terms of Service</a></li>
<li>Privacy Policy: <a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>
The standalone features (Image Audit, Mobile Readiness Checklist, and Content Scanner) run entirely on your server and do not connect to any external services.

MobileRank – Mobile Performance Diagnostics

Your mobile site is killing your SEO. MobileRank finds the problems and shows you exactly how to fix them.

Arya Dhiratara

Think Digital Agency

A drop dead simple and lightweight image, iframe, and video optimization plugin to satisfy Google PageSpeed Insights, Lighthouse, and overall user experience.
This tiny little plugin (around 14kb zipped) will automatically
<ul>
<li>lazyload your below the fold images/iframes/videos,</li>
<li>preload your featured images (should also works well with WooCommerce product featured image),</li>
<li>add loading=”eager” to your featured image and all images that have <code>no-lazy</code> or <code>skip-lazy</code> class.</li>
<li>add missing image dimension to images that doesn’t have width and height attribute</li>
</ul>
<h3>Features</h3>
<ul>
<li>Lazy Load:
<ul>
<li>Images, iframes, and videos.</li>
<li>Inline background images.</li>
<li>CSS background image (simply put <code>lazyload</code> class to the background image container)</li>
</ul>
</li>
<li>Preload Featured Images 
Automatically preloading featured image from common page/post (homepage, pages except homepage, single post, and WooCommerce single product pages)</li>
<li>Add loading=”eager” attribute to to your featured image and all images that have <code>no-lazy</code> or <code>skip-lazy</code> class.</li>
<li>Add missing image dimension to images that doesn’t have width and height attribute [since 1.0.3]</li>
</ul>
Should works well with all page builders and theme builders. This plugin also able to lazy loading WooCommerce images and preloading WooCommerce product featured images.
<h3>Disclaimer</h3>
<ul>
<li>Lazy load feature are using Lazysizes library (around 3kb, gzipped and minified).</li>
<li>This plugin doesn’t add anything to your database since there’s no settings and options. Everything will automatically activated after you activate the plugin.</li>
<li>You can change some default settings using filter.</li>
<li>This plugin is the simplified version of <a href="https://wordpress.org/plugins/optimize-more-images/" rel="ugc">Optimize More! – Images</a>, if you don’t want to use filters and need to control the settings with UI, you can try that plugin instead of this one.</li>
</ul>
<h3>About Lazysizes</h3>
Lazysizes is highly performant lazy load library, written by Alexander Farkas in pure JS with no dependencies.
Taken from lazysize’s github description: 
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
<h3>Filters</h3>
Example filter to add extra lazyload exclude list:
<pre><code>add_filter( 'lpam_extra_exclude_list', function($lpam_extra_exclude_list) {
 return array( 
 'my-logo', 'my-hero-img', 'exclude-lazy'
 );
} );
</code></pre>
Example filter to change lazysizes config (Read the <a href="https://github.com/aFarkas/lazysizes/#js-api---options" rel="nofollow ugc">docs</a>):
<pre><code>add_filter( 'lpam_lazysizes_js_before', function($lpam_lazysizes_js_before) {
 return 'window.lazySizesConfig = {
 expand: 500,
 threshold: 500
 };'
} );
</code></pre>
Example filter to change the image sizes for preload featured image:
<pre><code>add_filter( 'lpam_preload_featured_images_image_size', function($image_size, $post) {
 if ( is_singular( 'post' ) ) { return 'large'; }
 elseif ( is_singular( 'product' ) ) { return 'full'; }
 else { return $image_size; }
}, 10, 2 );
</code></pre>
[new since 1.0.2] Example to disable the preload featured image feature in certain page-type:
<pre><code>add_filter('disable_featured_image_preload', function ($disable) {
 if ( is_singular( 'post' ) ) {
 return true;
 }
});
</code></pre>
[new since 1.0.3] Example to disable adding image dimension in certain page-type:
<pre><code>add_filter('disable_img_dimension', function ($disable) {
 if ( is_singular( 'post' ) ) {
 return true;
 }
});
</code></pre>
[new since 1.0.3] Example to disable this plugin completely in certain page using url:
<pre><code>add_filter('lazy_load_excluded_pages', function ($excludedPages) {
 $excludedPages[] = '/page-1';
 $excludedPages[] = '/page-2';
 return $excludedPages;
});
</code></pre>
[new since 1.0.3] Example to disable this plugin completely in certain page using page ID:
<pre><code>add_filter('lazy_load_excluded_page_ids', function ($excludedPageIDs) {
 $excludedPageIDs[] = 3678; // Exclude page with ID 1
 $excludedPageIDs[] = 3615; // Exclude page with ID 2
 return $excludedPageIDs;
});
</code></pre>
[new since 1.0.4] To disable the tag:
<pre><code>add_filter('disable_noscript', '__return_true');
</code></pre>
 
<h3>USEFUL PLUGINS TO OPTIMIZE YOUR SITE’S SPEED:</h3>
<ul>
<li>
<a href="https://wordpress.org/plugins/optimize-more/" rel="ugc">Optimize More!</a>: A Do It Yourself WordPress Optimization Plugin that give you the ability to:
<ul>
<li>
Load CSS Asynchronously – selectively load CSS file(s) asynchronously on selected post/page types.
</li>
<li>
Delay CSS and JS until User Interaction – selectively delay CSS/JS load until user interaction on selected post/page types.
</li>
<li>
Preload Critical CSS, JS, and Font Files – selectively preload critical CSS/JS/Font file(s) on selected post/page types.
</li>
<li>
Remove Unused CSS and JS Files – selectively remove unused CSS/JS file(s) on selected post/page types.
</li>
<li>
Defer JS – selectively defer loading JavaScript file(s) on selected post/page types.
</li>
<li>
Advance Defer JS – hold JavaScripts load until everything else has been loaded. Adapted from the legendary varvy’s defer js method *recommended for defer loading 3rd party scripts like ads, pixels, and trackers
</li>
<li>
Load Gutenberg CSS conditionally
</li>
<li>
Remove Passive Listener Warnings
</li>
<li>and many more</li>
</ul>
</li>
</ul>
<h3>Other USEFUL PLUGIN:</h3>
<ul>
<li>
<a href="https://wordpress.org/plugins/shop-extra/" rel="ugc">Shop Extra</a> – A lightweight plugin to optimize your WooCommerce & Business site that makes you able to:
<ul>
<li>add Floating WhatsApp Chat Widget (can be use without WooCommerce),</li>
<li>add WhatsApp Order Button for WooCommrece,</li>
<li>Hide/Disable WooCommerce Elements,</li>
<li>WooCommerce Strings Translations,</li>
<li>and many more.</li>
</ul>
</li>
<li>
<a href="https://wordpress.org/plugins/animate-on-scroll/" rel="ugc">Animate on Scroll</a> – Animate any Elements on scroll using the popular AOS JS library simply by adding class names. This plugin helps you integrate easily with AOS JS library to add any AOS animations to WordPress. Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.
</li>
</ul>
<h3>Optimize More!</h3>
Need to optimize more? Try my <a href="https://thinkdigital.co.id/services/speed-optimization/" rel="nofollow ugc">WordPress Page Speed Optimization’s Service</a>.

Lazyload, Preload, and More!

A drop dead simple and lightweight image, iframe, and video optimization plugin to satisfy Google PageSpeed Insights and Core Web Vitals.

MobileRank – Mobile Performance Diagnostics vs Lazyload, Preload, and More!