blog single

A page speed checklist for service business websites

Engineers reviewing performance dashboards on a wall display

Published on:

April 11, 2024

TAG:

PLATFORM ENGINEERING

BY:

Edgeless Team

Read Time:

6 MIN READ

post detail

Most service business websites are slow for the same handful of reasons. A hero image saved at full resolution, four tracking scripts, a chat widget and a font loaded from three different places. None of these decisions feels expensive on its own. Together they add seconds to every page, and those seconds cost enquiries.

Speed is a lead generation metric

A visitor who lands on a service page is usually comparing two or three firms. If your page takes six seconds to show a headline on a phone, many of them leave before they read it. The same page on a fast connection in the office looks fine, which is why the problem goes unnoticed for months. Your analytics shows a high bounce rate and nobody connects it to load time.

Google's Core Web Vitals turn that feeling into three numbers. Largest Contentful Paint measures when the main content appears. Interaction to Next Paint measures how quickly the page responds when someone taps. Cumulative Layout Shift measures how much the page jumps while it loads. Each maps to something a visitor notices, which makes them useful in a client conversation.

Measure on a real phone before you change anything

Lab tools like Lighthouse in Chrome are useful for spotting problems, but they run on a fast machine with a clean network. Field data from real visitors is the number that matters. Check the Core Web Vitals report in Search Console and your own analytics, filtered to mobile. If both are thin on data, test on a mid range Android phone over mobile data with the cache cleared.

Record the baseline for your five most visited pages, not just the home page. Service pages and contact pages usually carry the most commercial weight and often carry the most third party scripts. Write the numbers down with the date so you can tell whether a later change helped or hurt.

The checklist that moves the number

Work through this list in order. Each item is ranked by the effort it takes against the gain it usually produces on a marketing site.

Compress and resize every image. No image should be served wider than the largest place it appears.
Convert photographs to WebP or AVIF and keep the original out of the page.
Set explicit width and height on images so the layout does not jump.
Load fonts from your own domain, use two weights at most, and preload the one used in the hero.
Defer chat widgets, video embeds and tag managers until after the main content paints.
Audit tracking scripts. Every tag costs time, and some are left behind from campaigns that ended.
Serve pages from a CDN close to your visitors and enable compression at the edge.
Remove unused CSS and JavaScript from page builders and old plugins.

Team reviewing a website performance report — Measure the same five pages after each change. A single score from one tool is not enough.

Images are usually the largest win

On most service sites the hero image alone is larger than all the code on the page. A stock photo exported at 4000 pixels wide and served at full size can weigh several megabytes. Resize it to the widest place it appears, compress it, and serve a modern format. That one change often cuts load time in half on mobile.

Lazy loading helps below the fold but hurts the hero. If the first image is lazy loaded, the browser waits to discover it, and the largest paint is delayed. Load the hero eagerly with a preload hint, and lazy load everything further down. Teams often apply lazy loading to every image because a plugin suggests it, then wonder why the top of the page got slower.

Scripts accumulate quietly

A typical marketing site ends up with analytics, a heatmap tool, a chat widget, a consent banner, two pixels and a scheduling embed. Each vendor promises a small snippet. The snippets load other scripts, and the browser spends its first seconds on work the visitor never asked for. Remove what nobody has opened in ninety days, and defer the rest until after the page is usable.

Fonts deserve the same scrutiny. Every weight and style is a separate file. Pick one family, two weights, and host it yourself or use a provider that serves it from your domain. A flash of unstyled text is less damaging than a blank page that waits on a third party.

Hosting and caching do the rest

A fast site on slow hosting still feels slow. Static pages behind a CDN are cheap and reliable for marketing content. If the site runs on a CMS that renders on every request, add page caching and keep the cache warm. Check that images and scripts carry long cache lifetimes and that HTML is revalidated rather than downloaded again on every visit.

The order of work when time is short

Most teams cannot stop marketing work for a month to fix performance. The good news is that the biggest wins are usually contained. If you have one week, spend it in this order and stop when the numbers are acceptable.

Day one: record the baseline on a phone for the five most visited pages.
Day two: resize, convert and re-upload the hero images on those pages.
Day three: remove tracking scripts that nobody has used in ninety days.
Day four: defer the remaining third party embeds and test the main flow.
Day five: re-measure, write down the new numbers and add the pages to a monthly check.

Hold the design constant during that week. A performance fix and a redesign compete for the same attention, and mixing them makes it impossible to tell which change produced the result. Once the pages are fast, design work starts from a better baseline.

What to tell the rest of the business

Performance work is easier to fund when the numbers connect to something the business already tracks. Pull the mobile conversion rate for the pages you fixed, before and after. If enquiries rose, the case for keeping a performance budget is made. If they did not, you still have a faster site and a shorter list of scripts, which lowers hosting cost and maintenance work.

Avoid promising a ranking boost. Speed is one signal among many, and the effect varies by market and query. The safer claim is that fast pages remove a reason to leave, which is true regardless of how search treats the site this year.

Speed work is mostly removal. The fastest version of a marketing page is the one that loads only what the visitor needs to make a decision.
Edgeless Team

Keep it from sliding back

Performance decays. A new campaign adds a pixel, a new hire adds a chat tool, a redesign adds a video background. Put a monthly check on the calendar with the same five pages and the same phone. When a number moves the wrong way, you can usually trace it to the last change, which is far easier than rebuilding the site a year later.

Set a budget for page weight and hold new work to it. A simple rule like every page under one megabyte on mobile forces the conversation early, when the fix is a resized image rather than a re architecture.

We audit service business sites for load time, accessibility and search basics, then fix the issues in the order that pays back fastest.

Explore platform engineering

Start with the images and the scripts. Those two categories usually account for most of the delay, and both can be fixed without touching the design. Once the pages load in under three seconds on a real phone, the rest of the marketing work has a fair chance to land.

Performance

Core Web Vitals

Web

A page speed checklist for service business websites

Let's Talk About Your Project