Why your website feels slow on a phone, and what fixes it
Images, fonts and third-party scripts: the usual suspects, and how we tame them.
A site that feels quick on the office laptop can crawl on a phone over mobile data. It usually comes down to three things.
Mobile website speed matters more than most teams think: in Indonesia, most visitors arrive on a phone, often on a mobile connection, and many leave if a page takes too long to show anything useful. The good news is that the causes are usually the same, and so are the fixes.
Images that are too big
A photo straight from a camera can be several megabytes. Resized to the width it’s shown at and saved as WebP, it’s often a fraction of that, with no visible difference.
Two more habits help. Load images below the fold only when the visitor scrolls near them (lazy loading), and give every image its width and height in the code, so the page doesn’t jump around as pictures arrive.
Too many fonts
Every weight and style is a separate download. Two families with a few weights each is usually enough for a whole brand.
Load fonts so that text appears straight away in a fallback font, then switches when the brand font arrives, instead of staying invisible. The web.dev guide to font best practices covers the details, and our note on choosing fonts for two languages covers how to pick fewer, better ones.
Scripts from other services
Chat widgets, trackers and embeds each load their own code. Keep the ones you really use, load them after the page, and remove the rest.
A typical culprit is a site that has collected tracking codes, a chat widget, a popup tool and a social feed over the years. Each one seemed small when it was added. Together, they can take longer to load than the page itself.
Test on a real phone, on mobile data, not just on the office wifi.
How to measure mobile website speed
Start with Google’s free PageSpeed Insights. Enter an address and look at the mobile tab. If your site has enough visitors, the top section shows real-world data from Chrome users; below it is a lab test with a list of what to fix.
The real-world numbers are Google’s Core Web Vitals:
- Largest Contentful Paint: how long until the main content appears. Aim for 2.5 seconds or less.
- Interaction to Next Paint: how quickly the page responds to a tap. Aim for 200 milliseconds or less.
- Cumulative Layout Shift: how much the page jumps around while loading. Aim for 0.1 or less.
Don’t chase a perfect lab score. A page that feels fast to real visitors and passes these three is doing its job.
Hosting and caching
Even a light page is slow on a slow server. Good hosting close to your visitors, with page caching and a content delivery network for images and files, cuts the wait before anything happens. For a WordPress site, a caching plugin set up properly is often the single biggest improvement.
A quick plan for a slow site
- Run the home page and your most visited pages through PageSpeed Insights, on mobile.
- Resize and convert the biggest images. This alone often fixes the worst pages.
- List every third-party script, and remove the ones nobody uses.
- Reduce the fonts to the weights you really need.
- Check hosting and caching, then test again on a real phone.
Questions people ask
Does mobile website speed affect Google rankings?
Yes, as part of page experience, though helpful content matters more. Speed matters most for visitors: a slow page loses people before they read a word. Our note on SEO foundations for a new site puts it in context.
Why is my site fast on desktop but slow on a phone?
Phones have slower processors and often slower connections. A page that loads a lot of code or large images feels fine on a laptop on office wifi, and slow on a mid-range phone on mobile data.
Will a new theme fix it?
Sometimes, but not if the new theme is just as heavy. A lean, custom theme with only the features the site uses is usually faster than a multipurpose theme with everything switched on.
Keeping a site fast is part of ongoing care, through updates, image checks and pruning old scripts. That’s what our website maintenance covers, and our web development service builds sites with mobile website speed in mind from the start.