What does website speed actually mean?
Website speed is the time your website needs to load, display its content and respond to a visitor.
A page may appear quickly but still feel slow. For example, a button may not respond for several seconds because the browser is processing JavaScript.
Google uses three Core Web Vitals to measure important parts of website experience:
| Metric | What it measures | Good result |
|---|---|---|
| Largest Contentful Paint | How quickly the main content appears | 2.5 seconds or less |
| Interaction to Next Paint | How quickly the page responds | 200 milliseconds or less |
| Cumulative Layout Shift | How stable the page remains | 0.1 or less |
Google recommends meeting these targets for at least 75% of page visits. (web.dev)
Definition: Core Web Vitals are Google’s measurements for loading speed, page response and visual stability.
Google’s search systems aim to reward pages that offer a good overall experience. However, strong Core Web Vitals alone do not guarantee a top Google position. Your content must still be useful and relevant. (developers.google.com)
Test your website before changing anything
Do not install a speed plugin and hope for the best.
First, find out what is making your website slow.
Use Google PageSpeed Insights
PageSpeed Insights tests mobile and desktop performance. It provides real-user data when enough information is available. It also runs a controlled test and gives technical recommendations. (developers.google.com)
Follow these steps:
- Open PageSpeed Insights.
- Enter your page address.
- Run the test.
- Check the mobile report.
- Review Core Web Vitals.
- Open each listed problem.
- Save your starting scores.
Test more than your homepage. Check:
- Your main service page
- A blog article
- A product page
- Your contact page
- Your checkout page
Your homepage may be fast while your product pages remain slow.
Understand laboratory and field data
Laboratory data comes from a controlled test. It helps you find technical problems.
Field data comes from real Chrome users. It shows how your website performs on actual devices, connections and locations.
Use both forms of data. A laboratory score can change between tests, while field data takes time to reflect improvements.
1. Compress and resize every image
Large images are one of the most common causes of slow pages.
A phone photo may be 4 MB or more. Your website may only need a 150 KB version.
Uploading the original photo forces every visitor to download unnecessary data.
Choose the right image format
| Image type | Best format | Why |
|---|---|---|
| Normal photographs | WebP or AVIF | Smaller than JPEG in many cases |
| Transparent graphics | WebP or PNG | Supports transparent areas |
| Logos and icons | SVG | Sharp at every size |
| Simple screenshots | WebP or PNG | Keeps text clear |
| Animated content | Video or animated WebP | Often lighter than GIF |
| Social sharing image | WebP or JPEG | Widely supported |
Google recommends testing different compression levels until you find a good balance between image quality and file size. (web.dev)
Upload images at the size you display
Do not upload a 4,000-pixel image for a space that is only 800 pixels wide.
Resize it before uploading or use a system that creates smaller versions automatically.
As a practical starting point:
- Hero image: under 250 KB
- Article image: under 150 KB
- Thumbnail: under 80 KB
- Logo: under 50 KB
- Icon: under 10 KB
These are working targets, not fixed rules. A detailed photograph may need a larger file.
Do not lazy-load the main hero image
Lazy loading delays images until the visitor moves near them.
It works well for images lower on the page. However, your main hero image often becomes the Largest Contentful Paint element.
Lazy-loading that image can delay the most important visible content. Google recommends avoiding loading="lazy" on the likely LCP image. (web.dev)
Use lazy loading for images below the first screen instead.
2. Move to faster website hosting
You cannot fully repair slow hosting with plugins.
Your server must prepare and send the first part of the page before the browser can display anything.
This delay is called Time to First Byte, or TTFB.
A good TTFB is 0.8 seconds or less. A result above 1.8 seconds is considered poor. (web.dev)
Signs that your hosting may be too slow
Your hosting may be the problem when:
- Every page has a slow TTFB.
- The admin dashboard feels slow.
- Performance becomes worse during busy hours.
- Database requests take too long.
- The server often reaches its resource limits.
- Your website has frequent downtime.
- Support cannot explain the delays.
What to look for in a faster host
Choose hosting with:
- Servers close to your main visitors
- Modern PHP and database versions
- Server-level caching
- Solid-state or NVMe storage
- HTTP/2 or HTTP/3 support
- Brotli or Gzip compression
- Automatic backups
- Clear resource limits
- Useful technical support
The cheapest hosting plan is rarely the cheapest option over time. Lost enquiries and repeated technical problems can cost much more.
3. Enable full-page caching
Caching saves a ready-made copy of your page.
Without caching, the server may rebuild the page whenever someone visits. It may run PHP, request database information and load several templates.
With full-page caching, the server can send a saved copy immediately.
Use more than one type of cache
| Cache type | What it stores | Main benefit |
|---|---|---|
| Page cache | Completed HTML pages | Reduces server work |
| Browser cache | Files on the visitor’s device | Speeds up repeat visits |
| Object cache | Database query results | Helps dynamic websites |
| CDN cache | Files on global servers | Reduces travel distance |
| Opcode cache | Compiled PHP instructions | Speeds up PHP processing |
For WordPress, use one well-configured caching system. Avoid running several plugins that perform the same job.
Two caching plugins can conflict and create broken layouts, login problems or outdated pages.
4. Use a content delivery network
A content delivery network, or CDN, stores copies of your files in several locations.
When someone visits your site, the CDN sends files from a nearby location instead of your main server.
This can improve speed for visitors who live far from your hosting server.
A CDN can deliver:
- Images
- CSS files
- JavaScript files
- Fonts
- Videos
- Downloadable files
- Cached HTML pages
A CDN is most useful when your website serves users from several countries.
It will not fix poor code or a slow database. It reduces delivery time, but your website still needs proper optimisation.
5. Remove unused plugins, apps and extensions
Every plugin does not slow your website by the same amount.
One well-built plugin may have almost no visible effect. One poorly built plugin may add many scripts, database requests and background tasks.
Review every plugin or app and ask:
- Does the website still need it?
- Does another tool already provide this feature?
- Does it load files on every page?
- Has the developer updated it recently?
- Can the feature be added with simpler code?
Delete unused plugins rather than only deactivating them.
A deactivated plugin may not affect front-end speed, but it can still create security and maintenance risks.
Common features that add unnecessary weight
Watch for:
- Large animation plugins
- Multiple page builders
- Social sharing counters
- Live chat widgets
- Heatmap tools
- Pop-up systems
- External review widgets
- Large slider plugins
- Duplicate SEO tools
- Unused e-commerce extensions
Keep the tools that support a real business goal. Remove the rest.
6. Reduce JavaScript and CSS
CSS controls how your website looks.
JavaScript controls many interactive features, such as menus, sliders, filters and pop-ups.
Large or poorly loaded files can block the browser from displaying the page.
CSS is normally render-blocking because the browser needs it before drawing the page. JavaScript can also block HTML processing when it runs too early. (web.dev)
Practical ways to reduce code
- Remove unused CSS.
- Remove unused JavaScript.
- Minify CSS and JavaScript.
- Delay non-essential scripts.
- Load scripts only where needed.
- Split large JavaScript bundles.
- Place critical CSS near the top.
- Avoid large animation libraries.
- Replace heavy tools with lighter options.
Minification removes spaces, comments and unnecessary characters. This reduces file size and can improve download time. (web.dev)
Sending less JavaScript also reduces the time needed to download, decompress, parse and run the code. (web.dev)
Do not delay essential features blindly
Automatic delay settings can break:
- Navigation menus
- Product filters
- Payment forms
- Cookie banners
- Booking systems
- Analytics
- Login forms
Test every important customer journey after changing script settings.
7. Remove unnecessary third-party scripts
Third-party scripts come from services outside your website.
Examples include:
- Advertising networks
- Analytics platforms
- Tracking pixels
- Embedded maps
- Chat systems
- Review tools
- Social media feeds
- Video players
- A/B testing tools
These scripts may load files from several external servers.
Google recommends removing third-party scripts that do not add clear value. Scripts you keep should load in a more efficient way. (web.dev)
Use this decision table
| If the script… | Best action |
|---|---|
| Produces no useful data | Remove it |
| Is needed on one page | Load it only there |
| Appears below the first screen | Lazy-load it |
| Is not needed immediately | Delay it |
| Duplicates another tool | Keep only one |
| Supports a key sale or enquiry | Keep and optimise it |
| Has no clear owner | Investigate before keeping it |
Do not track data simply because a platform makes tracking easy.
Collect information that helps you make a real decision.
8. Optimise fonts
Custom fonts can improve branding, but each font file adds another request.
A website may load several weights, such as:
- Light
- Regular
- Medium
- Semi-bold
- Bold
- Extra-bold
- Italic
Most websites do not need all of them.
Use fonts without slowing the page
- Use one or two font families.
- Load only the weights you use.
- Remove unused character sets.
- Use modern WOFF2 files.
- Host fonts locally when suitable.
- Preload the most important font.
- Use
font-display: swap. - Consider a system font for body text.
Poor font loading can delay visible text and create layout changes. Web fonts can become a bottleneck when too many files enter the critical loading path. (web.dev)
9. Compress HTML, CSS and JavaScript files
Text files should be compressed before the server sends them.
The two common compression methods are Gzip and Brotli.
Brotli can provide about 15% to 20% better compression than Gzip for text-based content. (web.dev)
Your server or CDN may already support compression.
Check your performance report for warnings such as:
- Enable text compression
- Reduce transfer size
- Minify CSS
- Minify JavaScript
- Minify HTML
Do not compress images with Gzip or Brotli. Images should use proper image compression instead.
10. Clean and optimise your database
Database problems often affect WordPress, WooCommerce and other content management systems.
Your database may collect:
- Old post revisions
- Expired temporary data
- Spam comments
- Deleted content
- Old plugin tables
- Abandoned shopping carts
- Unused metadata
- Large log files
- Broken scheduled tasks
Back up the complete website before cleaning the database.
Then remove safe, unnecessary records and repair slow database queries.
For large websites, do not run aggressive database cleaning during busy hours.
Check automatic background tasks
Some plugins run scheduled jobs every few minutes.
These jobs may:
- Send emails
- Update product feeds
- create backups
- Scan files
- Import data
- Generate reports
- Synchronise stock
Move heavy jobs to quieter periods where possible.
11. Optimise the main visible content
Largest Contentful Paint usually measures a large element near the top of the page.
It may be:
- A hero image
- A large heading
- A banner
- A product photo
- A background image
- A large block of text
Your page cannot achieve a fast LCP when the browser discovers the main element too late.
Help the browser load it earlier
- Use an HTML image instead of a CSS background where practical.
- Avoid lazy loading the main image.
- Add
fetchpriority="high"to the likely LCP image. - Use a suitable image size.
- Preload the image when needed.
- Reduce server response time.
- Avoid placing the image inside delayed JavaScript.
- Remove sliders from the top of the page.
Nothing on the front end can begin until the server sends the first byte. Improving server response time can therefore improve other loading measurements too. (web.dev)
Which speed fix should you do first?
Use your test results instead of guessing.
| Your main problem | Start with |
|---|---|
| Very large page size | Compress images |
| Slow server response | Upgrade hosting and caching |
| Poor LCP | Optimise the hero area |
| Poor INP | Reduce JavaScript |
| Poor CLS | Set image sizes and reserve space |
| Many external requests | Remove third-party scripts |
| Slow repeat visits | Improve browser caching |
| Slow international traffic | Add a CDN |
| Slow WordPress dashboard | Check database and plugins |
| Fonts appear late | Reduce and preload fonts |
Fix the largest problem first. Then test again.
Small changes across ten areas may help less than one major fix.
Website speed mistakes to avoid
Installing several optimisation plugins
More plugins do not always create more speed.
Several plugins may try to minify, delay and cache the same files. This can create conflicts.
Chasing a score of 100
A PageSpeed score is a useful guide, not the final business goal.
A website with a score of 92 may provide a better experience than one with a score of 100 but broken forms.
Focus on real visitors and important customer journeys.
Testing only the homepage
Your homepage may use a different layout from your articles, products and checkout pages.
Test each important template.
Ignoring mobile visitors
Mobile devices often have slower processors and weaker connections.
A website that feels fast on an office computer may feel slow on a budget phone.
Compressing images until they look poor
Speed matters, but your products and services must still look professional.
Find the right balance between file size and visual quality.
Making many changes at once
Change one group of settings at a time.
Test the website before moving to the next step. This helps you identify which change caused a problem.
A simple 30-minute website speed plan
Use this order when you need a fast improvement:
- Test five important pages.
- Record the mobile results.
- Compress the largest images.
- Remove unused plugins.
- Enable page caching.
- Enable browser caching.
- Remove unnecessary scripts.
- Turn on file compression.
- Test all forms and menus.
- Run the speed tests again.
Do not clear only your own browser cache when testing.
Open the website in a private window and test it from another device.
Frequently asked questions
Aim for the main visible content to appear within 2.5 seconds. Your website should also respond to interactions within 200 milliseconds and keep its layout stable. These targets match Google’s current Core Web Vitals guidance. (web.dev)
Website experience can support your search performance because Google’s ranking systems aim to reward useful pages with a good experience. However, speed is not a replacement for relevant content, strong links, clear structure and accurate information. A perfect performance score does not guarantee a top ranking. (developers.google.com)
Desktop computers often have faster processors, larger screens and stronger connections. Mobile users may use older phones or mobile data. Mobile pages can also load different menus, adverts and scripts. Test your mobile version separately and reduce heavy JavaScript, large images and third-party tools.
They can, but the number alone does not decide speed. A single poorly built plugin may cause more problems than ten small plugins. Check which plugins add scripts, database requests and background jobs. Remove tools that duplicate features or no longer support a business need.
A CDN can reduce the distance between visitors and your files. It is useful for websites with users in several countries. However, it will not repair slow hosting, oversized images, poor database queries or heavy JavaScript. Treat a CDN as one part of a wider speed plan.
Both formats can reduce image size. WebP has broad support and is easy to use. AVIF can provide smaller files for some images, but encoding and image quality may vary. Test both and keep the format that gives the best balance between quality, compatibility and file size.
No. A score of 100 is not required for good SEO or a good visitor experience. Focus on passing Core Web Vitals, keeping key pages reliable and helping visitors complete important actions. Never break a form, checkout or menu simply to increase a laboratory score.
Test after design changes, plugin updates, new tracking tools or major content uploads. You should also review your most important pages at least once each month. Regular monitoring helps you notice problems before they affect many visitors.
Make your website faster one problem at a time
A faster website starts with measurement.
Test your important pages, identify the largest delay and fix that issue first. In most cases, better images, caching, hosting and cleaner code will create the biggest improvement.
Run PageSpeed Insights on your five most valuable pages today. Record the results and begin with the slowest page.
Senior website developer and content creator