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:
- Core Web Vitals are now part of ranking algorithms
- Mobile page speed is particularly important
- Faster sites have ranking advantages
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:
deferattribute for scripts not needed for initial renderasyncfor 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
asyncordeferattributes - 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:
- Compress and resize images
- Enable caching
- Enable compression (GZIP/Brotli)
- Remove unused plugins or scripts
Medium Effort
Next priority:
- Implement CDN
- Upgrade hosting if needed
- Lazy load images and videos
- Defer non-critical JavaScript
Advanced
When basics are covered:
- Advanced caching strategies
- Critical CSS implementation
- Image format modernisation
- 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:
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