Speed, Phones, And The Three-Second Rule

Two technical things matter more than everything else combined. They're both boring. Neither is optional.

MOBILE IS NOT "ALSO." MOBILE IS THE JOB.

Somewhere between 60% and 75% of the people looking at your website are on a phone. For emergency trades — plumbing, HVAC, locksmith, towing — it's higher, because the searches happen in the moment the thing breaks.

They're standing in a garage. One hand's holding a flashlight. It's dark. They're annoyed.

That's your user. Design for that guy.

What breaks on phones:

• Text too small to read without pinching
• Buttons too small or too close together to hit accurately
• Phone number that's an image instead of a tappable link
• Pop-ups that cover the screen with an X you can't hit
• Forms with ten fields
• Wide tables that force sideways scrolling
• Menus that need a mouse hover to open — phones have no hover

The test: open your site on your own phone, one-handed, walking. If you get frustrated, so does everybody else. That's the whole test. You don't need software.

Google also flat-out ranks the mobile version of your site. Not the desktop version. If your site is good on a computer and bad on a phone, Google grades you on the bad one.

THE THREE-SECOND RULE

Load time is the most under-appreciated money leak in small business websites.

Rough industry numbers, and they're brutal:

  LOAD TIME          WHAT HAPPENS

  1 second     ████████████████████  Baseline. Good.
  2 seconds    ███████████████       ~10% leave
  3 seconds    ██████████            ~30% leave
  5 seconds    █████                 ~half gone
  8 seconds    ██                    Most are gone

[FIGURE 5.1 — "The Bleed"] Art direction: Bar chart matching the above, styled like a leaking pipe or a fuel gauge dropping. Red-tinted losses, blue baseline. Caption: "You paid to get them there. This is where they left."

Here's why it stings: everything you do to get traffic — ads, SEO, truck wraps, yard signs — costs you money or effort. Then a slow website throws a third of it in the ditch before anybody sees your work.

The number one cause of slow contractor websites: photos straight off a phone.

A modern phone photo is 4 to 12 megabytes. A properly prepared web photo is 100 to 300 kilobytes. That's thirty to a hundred times smaller, and on a phone screen they look identical.

If you've got a gallery with forty full-size phone photos on it, that page might be 200 megabytes. On a spotty cell connection in a rural driveway, that page never loads. Ever. Your customer just sees a white screen and leaves.

Other common causes:

• Cheap overloaded hosting
• Video that auto-plays in the background
• Too many plugins (a WordPress thing — every add-on has a cost)
• Chat widgets, tracking scripts, review widgets, popup tools all stacked on top of each other
• Fancy animations and scroll effects

How to check, free: search for "PageSpeed Insights," paste in your web address, run it. You'll get a score out of 100 for mobile and desktop.

What the score means in practice:

• 90–100: excellent, you're beating almost everyone
• 50–89: typical, room to improve
• Under 50: actively costing you jobs

Don't obsess over hitting 100. Do get out of the red.

THE PADLOCK

Look at your web address in a browser. Is there a little padlock next to it? Does it start with https and not http?

If not, some browsers will literally show visitors a warning that your site is "Not Secure." That is a spectacular way to lose a customer who's about to type their phone number in.

This is called an SSL certificate. It should be free and automatic with any decent hosting in this decade. If yours doesn't have it, that tells you something about who's hosting you.

A WORD ON "MAKE IT POP"

Every designer has heard it. Here's my honest advice as somebody who's built a lot of these:

Fancy animations, parallax scrolling, video backgrounds, and cursor effects mostly make sites slower and harder to use. They impress other designers. They rarely impress a guy with a leaking water heater.

What actually makes a site feel high-quality:

• It loads instantly
• Text is large and easy to read
• Photos are real and well-lit
• Plenty of white space, not crammed
• Consistent colors — two, maybe three, not seven
• Buttons that look like buttons
• Nothing moves unless you tell it to

That's it. Clean and fast reads as professional. Busy and slow reads as cheap, no matter how much it cost.

DO THIS NOW

Run your site through PageSpeed Insights. Write down the mobile score. If it's under 50, your first conversation with any web person should start with that number.