Web Development

Page Speed Optimisation: Technical Guide for Business Owners

Matthew Sweet
9 min read
Page Speed Optimisation: Technical Guide for Business Owners

Every second your website takes to load costs you customers. Studies consistently show that conversion rates drop sharply as load times increase. A site that loads in one second converts nearly three times better than one taking five seconds.

This guide explains what affects page speed and how to improve it, written for business owners who need to understand the issues even if someone else implements the fixes. Speed is a key component of web development and SEO.

Why Speed Matters

User Experience

Visitors are impatient. They expect pages to load quickly:

  • 53% of mobile users abandon sites taking longer than 3 seconds
  • Each additional second increases bounce rate significantly
  • Slow sites feel unprofessional and untrustworthy

Search Rankings

Google uses page speed as a ranking factor:

Conversion Impact

Speed directly affects business outcomes and conversion rates:

  • 1-second delay can reduce conversions by 7%
  • E-commerce sites see revenue drop with each second added
  • Lead generation forms convert worse on slow sites

Measuring Page Speed

Key Metrics

Largest Contentful Paint (LCP): How long until the main content is visible. Target: under 2.5 seconds.

First Input Delay (FID): How long until the page responds to first interaction. Target: under 100 milliseconds.

Cumulative Layout Shift (CLS): How much content jumps around during loading. Target: under 0.1.

Time to First Byte (TTFB): Server response time. Target: under 200 milliseconds.

Fully Loaded Time: Total time to completely load all resources. Target: under 3 seconds.

Testing Tools

Google PageSpeed Insights: Free, provides Core Web Vitals and recommendations GTmetrix: Detailed analysis with history tracking WebPageTest: Advanced testing from multiple locations Lighthouse: Built into Chrome DevTools

Test from:

  • Multiple locations (not just where you are)
  • Mobile devices (not just desktop)
  • Multiple pages (not just homepage)

Field Data vs Lab Data

Lab data: Simulated test conditions. Useful for diagnosing issues. Field data: Real user experiences from actual visitors. What Google uses for rankings.

Both matter. Focus on field data for measuring success.

Common Speed Problems

Large Images

Images often cause most page weight:

  • Unoptimised photos uploaded directly from cameras
  • Images larger than display size
  • Wrong image formats
  • No lazy loading

A single unoptimised image can add megabytes to page load.

Too Many HTTP Requests

Each resource requires a request:

  • Images
  • CSS files
  • JavaScript files
  • Fonts
  • Third-party resources

More requests mean more latency, especially on mobile.

Unoptimised JavaScript

JavaScript can block page rendering:

  • Large JavaScript bundles
  • JavaScript that runs before it is needed
  • Third-party scripts loading synchronously

Users wait while JavaScript downloads and executes.

Slow Server Response

If the server takes long to respond:

  • Slow hosting
  • Database queries taking too long
  • No caching
  • Server far from users

Everything waits for that first byte.

Third-Party Resources

External resources add delay:

  • Analytics scripts
  • Chat widgets
  • Social media embeds
  • Advertising scripts
  • Marketing tools

Each third-party request is outside your control.

Image Optimisation

Right Size

Upload images at the size they display:

  • A hero image displayed at 1200px wide should not be uploaded at 4000px
  • Provide multiple sizes for different screen sizes
  • Use responsive image techniques

Right Format

Modern formats are more efficient:

  • WebP: 25-35% smaller than JPEG with same quality
  • AVIF: Even smaller than WebP (newer, less support)
  • SVG: Vector graphics for icons and logos

Provide fallbacks for older browsers.

Compression

Reduce file size without visible quality loss:

  • JPEG quality 80-85% is usually indistinguishable from 100%
  • Use tools like ImageOptim, Squoosh, or TinyPNG
  • Automate compression in your build process

Lazy Loading

Load images only when needed:

  • Images below the fold load as user scrolls
  • Reduces initial page weight
  • Uses native browser lazy loading or JavaScript

Only images visible immediately should load immediately.

Code Optimisation

Minification

Remove unnecessary characters from code:

  • Whitespace and comments removed
  • Variable names shortened
  • File size reduced

Minification should be automatic in build processes.

Bundling

Combine multiple files into fewer:

  • Multiple CSS files into one
  • JavaScript modules bundled together
  • Fewer HTTP requests

Balance bundling with caching (too large a bundle is counterproductive).

Tree Shaking

Remove unused code:

  • Only include JavaScript actually used
  • Eliminate dead code paths
  • Keep bundles lean

Many frameworks include more code than needed.

Defer Non-Critical JavaScript

Load JavaScript that is not immediately needed later:

  • defer attribute for scripts not needed for initial render
  • async for independent scripts
  • Load below-the-fold functionality on demand

The page renders faster when not waiting for unnecessary JavaScript.

Server-Side Improvements

Hosting Quality

Where your site lives matters:

  • Shared hosting often means slow, shared resources
  • Managed WordPress hosting is optimised for WordPress
  • VPS or dedicated servers provide more resources
  • Cloud hosting scales with demand

Upgrade hosting before optimising if hosting is the bottleneck.

Caching

Store responses to serve faster:

Browser caching: Resources stored locally on return visits Server caching: Rendered pages cached to avoid regenerating CDN caching: Content stored on edge servers globally

Proper caching dramatically improves repeat visit speed.

Content Delivery Network (CDN)

Serve content from servers near users:

  • Global network of edge servers
  • Reduces latency based on distance
  • Often includes optimisation features

For Australian sites, ensure the CDN has Australian edge servers.

Database Optimisation

If your site uses a database:

  • Optimise queries
  • Add appropriate indexes
  • Clean unnecessary data
  • Regular maintenance

Slow database queries cause slow page generation.

GZIP/Brotli Compression

Compress responses before sending:

  • Text content compressed significantly
  • Brotli offers better compression than GZIP
  • Transparent to users

Reduces data transferred, speeds loading.

Third-Party Resource Management

Audit Third-Party Scripts

List all external resources:

  • What purpose does each serve?
  • Is it still needed?
  • What is the performance cost?

Remove unnecessary third-party resources.

Load Asynchronously

Do not let third-party scripts block rendering:

  • Use async or defer attributes
  • Load after critical content
  • Consider lazy loading

Consolidate Where Possible

Use a tag manager:

  • Google Tag Manager
  • Load multiple scripts through single container
  • Control loading conditions

Accept Trade-offs

Some third-party tools are worth the speed cost. Others are not. Evaluate whether each tool’s value exceeds its performance impact.

WordPress-Specific Optimisation

Caching Plugins

Essential for WordPress:

  • WP Super Cache
  • W3 Total Cache
  • WP Rocket (premium)
  • LiteSpeed Cache

Caching dramatically improves WordPress performance.

Image Optimisation Plugins

  • ShortPixel
  • Smush
  • Imagify

Automatic compression and WebP conversion.

Plugin Management

Plugins add weight:

  • Audit active plugins
  • Remove unused plugins
  • Replace heavy plugins with lighter alternatives
  • Limit plugins to necessary functionality

Each plugin adds code that runs on every page load.

Theme Selection

Themes vary dramatically in performance:

  • Avoid multipurpose themes with unused features
  • Choose lightweight, purpose-built themes
  • Consider minimal starter themes for custom work

The theme is often the biggest performance factor.

Managed WordPress Hosting

Specialised WordPress hosts:

  • Kinsta
  • WP Engine
  • Flywheel
  • Cloudways

Include optimisation features specific to WordPress.

Mobile Speed Considerations

Mobile-Specific Testing

Test on actual devices:

  • Mobile connections are often slower
  • Mobile CPUs are less powerful
  • Mobile data has higher latency

PageSpeed Insights tests mobile specifically.

Reduce Mobile Page Weight

Mobile users may have data caps or slow connections:

  • Serve smaller images to mobile
  • Consider mobile-specific experiences
  • Prioritise above-the-fold content

Touch Responsiveness

FID/INP matters on mobile:

  • Ensure tappable elements respond immediately
  • Do not block main thread with JavaScript
  • Use efficient event handlers

Implementation Priority

Quick Wins

Start with these:

  1. Compress and resize images
  2. Enable caching
  3. Enable compression (GZIP/Brotli)
  4. Remove unused plugins or scripts

Medium Effort

Next priority:

  1. Implement CDN
  2. Upgrade hosting if needed
  3. Lazy load images and videos
  4. Defer non-critical JavaScript

Advanced

When basics are covered:

  1. Advanced caching strategies
  2. Critical CSS implementation
  3. Image format modernisation
  4. JavaScript bundle optimisation

Monitoring and Maintenance

Regular Testing

Speed degrades over time:

  • New content added without optimisation
  • Plugins updated and become heavier
  • New third-party tools added

Test monthly at minimum.

Set Performance Budgets

Define acceptable thresholds:

  • LCP under 2.5 seconds
  • Page weight under 2MB
  • Fewer than 50 requests

Alert when budgets are exceeded.

Track Field Data

Monitor real user experience:

  • Google Search Console Core Web Vitals report
  • Field data in PageSpeed Insights
  • Real User Monitoring tools

Lab tests miss real-world variation.

The Business Case

Speed optimisation requires investment. Justify it:

Calculate current cost:

  • Bounce rate on slow pages
  • Conversion rate compared to fast competitors
  • Revenue lost to abandonment

Project improvement:

  • Expected conversion improvement from faster speed
  • SEO ranking benefit
  • User experience improvement

For most businesses, speed optimisation pays for itself quickly. Learn more about conversion rate benchmarks to understand the impact.

When to Get Help

Consider professional help if:

  • You lack technical expertise
  • Site has complex performance issues
  • Core business depends on site performance
  • Internal attempts have not improved speed

Professional optimisation often achieves more than DIY attempts.


Need help making your website faster? Platform21 conducts performance audits and implements optimisations that improve speed and conversions. Get in touch or explore our web development to discuss your website performance.

Related Articles:

Tags: page speed web performance Core Web Vitals website optimisation
MS

Matthew Sweet

Founder, Platform21

Matthew brings 25+ years of digital marketing experience to help South East Queensland businesses grow through results-focused web development, SEO, and conversion optimisation.

Need help with your digital marketing?

Get a free consultation to discuss how we can help your business grow.

Get in Touch