Skip to main content

Core Web Vitals · Website Performance · Technical SEO · Frontend Optimization

Page Speed Optimization for Faster, More Responsive Websites

Improve how quickly your website loads, responds to user interactions, and maintains visual stability across mobile and desktop devices.

I diagnose and resolve performance problems involving servers, rendering, JavaScript, CSS, images, fonts, third-party scripts, caching, CDNs, databases, frameworks, and website templates.

  • Core Web Vitals diagnostics and implementation
  • Frontend, backend and infrastructure optimization
  • Field-data and laboratory validation

Service overview

What Is Page Speed Optimization?

Page speed optimization is the process of reducing the time, data transfer, browser work, server processing, and visual disruption required to display and use a website.

It can involve improvements across several technical layers. Origin server work may cover hosting, server response, application processing, database queries, API responses, and redirects. Network and delivery work may cover CDN, compression, HTTP caching, browser caching, DNS, TLS, and geographic delivery. Frontend work may cover HTML, CSS, JavaScript, images, fonts, components, rendering, and hydration. Third-party services may include analytics, advertising, consent tools, chat systems, video, booking, payment, and embedded content.

A complete optimization project identifies which layer is causing the delay before changing the website.

Service overview

What Are Core Web Vitals?

Core Web Vitals are Google’s current field-based metrics for loading performance, responsiveness, and visual stability. The current metrics and recommended “good” thresholds are Largest Contentful Paint at 2.5 seconds or less, Interaction to Next Paint at 200 milliseconds or less, and Cumulative Layout Shift at 0.1 or less. These thresholds are evaluated at the 75th percentile, meaning that the target should be met for at least 75% of measured page visits, with mobile and desktop considered separately.

LCP measures how quickly the main visible content is rendered. The LCP element may be a hero image, banner, large heading, content block, product image, background image, or video poster.

INP measures the responsiveness of a page across user interactions such as clicks, taps, keyboard input, menu opening, filter selection, form interaction, and product selection. INP includes input delay, event-processing time, and the delay before the browser displays the next visual response.

CLS measures unexpected movement of visible page content. Common causes include images without dimensions, advertisements without reserved space, embeds and iframes, dynamically inserted content, font changes, banners, and notices. Google recommends reserving predictable space for images and similar elements to reduce layout movement.

Potential outcomes

What Page Speed Optimization Can Improve

A properly implemented performance project can improve the following—actual improvements depend on the website platform, hosting, third-party services, source code, content, and available development access:

  1. Loading speed across important page templates

  2. Core Web Vitals performance

  3. Mobile usability on slower devices and networks

  4. Responsiveness of menus, forms, filters, carts, and interactive components

  5. Stability of images, embeds, banners, and dynamically loaded elements

  6. Server response times and origin efficiency

  7. Image, font, JavaScript, and CSS delivery

  8. Cache efficiency and CDN usage

  9. Performance monitoring and release quality control

  10. The technical foundation supporting SEO, advertising, and conversion journeys

Service components

What Is Included in Page Speed Optimization?

  1. Performance Discovery and Business Priorities

    This helps prioritize pages that matter to users and the business.

    • Website platform, hosting, traffic, devices, countries, and important landing pages
    • Revenue pages, lead forms, booking and ecommerce journeys, advertising landers
    • Recent website changes and known performance problems
  2. Page Template Inventory

    Performance problems often differ significantly between templates.

    • Homepage, service, product, category, blog, location, and landing pages
    • Search results, cart, checkout, login, application pages, and account dashboards
  3. Field and Laboratory Data Review

    Field data reflects real visitors, while laboratory tools provide controlled diagnostics that can help reproduce and investigate problems.

    • Search Console Core Web Vitals, CrUX, PageSpeed Insights, and Lighthouse
    • Browser performance tools, RUM, analytics, CDN analytics, and hosting monitoring
  4. Mobile and Desktop Comparison

    Mobile performance problems should not be assumed from desktop results.

    • Device processing power, screen size, mobile navigation, and network speed
    • Responsive images, mobile-only widgets, sticky elements, and touch interaction
  5. Core Web Vitals Audit

    The audit separates good, needs improvement, poor, insufficient data, lab-only findings, and field-confirmed findings.

    • LCP, INP, CLS at URL-level and origin-level results
    • Mobile and desktop groups, affected templates, page-volume impact, and business priority
  6. Largest Contentful Paint Analysis

    Google’s LCP guidance recommends breaking the metric into its contributing delays rather than treating it as one unexplained number.

    • Time to First Byte, resource discovery delay, resource loading duration, and element render delay
    • Server response, late image discovery, JavaScript rendering, CSS, resource size, hydration, and third parties
  7. Interaction to Next Paint Analysis

    The analysis may identify main-thread blocking, long JavaScript tasks, expensive event handlers, rendering delays, layout recalculation, large DOM structures, third-party script work, and hydration delays.

    • Navigation menus, search, filters, product variants, and add to cart
    • Forms, accordions, tabs, calculators, booking widgets, and account controls
  8. Cumulative Layout Shift Analysis

    The analysis distinguishes the element that moved from the element that caused the movement.

    • Missing image dimensions, responsive images, font replacement, and cookie notices
    • Promotional banners, ads, embeds, lazy-loaded content, sticky headers, and client-side components
  9. First Contentful Paint Review

    FCP supports diagnostics but is not one of the three current Core Web Vitals.

    • Slow server response, render-blocking styles and scripts, and large HTML
    • Font dependencies, redirects, client-side rendering, and consent tools
  10. Time to First Byte Analysis

    A frontend-only change cannot correct every TTFB problem.

    • Slow hosting, server location, application processing, and database queries
    • Cold serverless functions, middleware, authentication, APIs, redirects, and cache misses
  11. Server and Hosting Review

    Recommendations are adapted to the hosting platform.

    • Server resources, CPU, memory, geographic location, and application runtime
    • PHP or Node.js runtime, serverless cold starts, web-server settings, database, and caching
  12. Database Performance Review

    Especially relevant for WordPress, WooCommerce, ecommerce, marketplaces, booking systems, and custom applications.

    • Slow queries, repeated queries, missing indexes, large option tables, and autoloaded data
    • Unnecessary joins, product filtering, search queries, plugin queries, and connections
  13. API and Backend Dependency Review

    I review whether APIs should be cached, parallelized, deferred, combined, preloaded, moved server-side, removed from the critical path, or given fallback behaviour.

    • Product data, availability, prices, reviews, and user information
    • Search results, recommendations, external services, CRM data, and booking information
  14. Rendering Strategy Review

    The strategy affects initial HTML, LCP, JavaScript requirements, hydration, caching, crawling, server cost, and data freshness.

    • Static HTML, server-side rendering, static generation, and incremental regeneration
    • Client-side rendering, streaming, and hybrid rendering
  15. Next.js Performance Optimization

    Client components are used only where browser interactivity is required.

    • App Router or Pages Router, server and client components, and route rendering
    • Static or dynamic rendering, images, fonts, scripts, data fetching, Suspense, middleware, bundles, hydration, and cache behaviour
  16. React and JavaScript Application Optimization

    The objective is to reduce browser work without breaking application behaviour.

    • Bundle size, route splitting, component rendering, hydration, and state management
    • Unnecessary rerenders, event handlers, large dependency imports, client-side fetching, DOM size, and memory use
  17. WordPress Performance Optimization

    Plugins are not installed simply because they advertise performance optimization.

    • Theme, page builder, plugins, database, PHP, object cache, and page cache
    • Cron jobs, autoloaded options, external scripts, fonts, images, WooCommerce sessions, Admin AJAX, and REST API activity
  18. WooCommerce Performance Optimization

    Cart, account, and checkout pages require different caching rules from public product content.

    • Product queries, category pages, cart fragments, sessions, checkout, and customer accounts
    • Product filters, inventory, dynamic prices, database tables, payment scripts, analytics, and marketing pixels
  19. JavaScript Inventory

    Scripts may be classified as essential, important but delayable, page-specific, conditional, unused, replaceable, or removable.

    • Size, execution time, main-thread impact, and loading priority
    • Page coverage, business purpose, ownership, and third-party origin
  20. JavaScript Bundle Reduction

    Bundle reduction should be validated through actual build output.

    • Code splitting, tree shaking, dynamic imports, and dependency replacement
    • Partial imports, removing unused libraries, route- or component-level loading, reducing polyfills, and avoiding duplicate packages
  21. Long Task Optimization

    Possible improvements include breaking work into smaller tasks, yielding to the browser, deferring non-critical work, moving suitable processing to workers, and reducing the work performed.

    • Script evaluation, large loops, heavy event handlers, and DOM processing
    • JSON parsing, third-party execution, synchronous operations, and expensive state changes
  22. Event Handler Optimization

    Improvements may include reducing callback work, avoiding unnecessary state updates, debouncing, throttling, passive listeners, event delegation, separating visual updates, and removing duplicate listeners.

    • Clicks, key input, scroll, resize, and touch events
    • Form fields, menus, filters, dragging, and search
  23. Third-Party Script Optimization

    Each script is evaluated by business value, loading cost, execution cost, page coverage, consent dependency, and alternative implementation.

    • Analytics, advertising, chat, heatmaps, consent, and reviews
    • Social widgets, video, A/B testing, CRM, booking, payment, and personalization
  24. Google Tag Manager Performance Review

    GTM does not automatically make third-party scripts lightweight.

    • Duplicate tags, sitewide tags that should be conditional, and broad triggers
    • Custom HTML, large scripts, repeated events, old advertising tags, unused variables, and consent behaviour
  25. CSS Inventory and Reduction

    Possible improvements include removing unused styles, splitting CSS by route, reducing framework output, loading page-specific styles, simplifying selectors, and minifying production files.

    • Stylesheet size, unused CSS, framework output, and page-builder CSS
    • Duplicate rules, component styles, third-party CSS, media queries, and critical styles
  26. Critical CSS and Render-Blocking Resources

    Critical CSS should not become an unmaintainable manually copied block.

    • Critical CSS, deferred non-critical CSS, and route-level styles
    • Inline essential styles, reduced stylesheet requests, and prioritized font styles
  27. Image Inventory and Optimization

    Large images are prioritized according to their page position and business importance.

    • File format, file size, display dimensions, intrinsic dimensions, and responsive variants
    • Compression, loading priority, lazy loading, CDN delivery, decorative images, and background images
  28. Modern Image Formats

    Modern formats do not replace correct image sizing. Fallback behaviour, image quality, transparency, browser support, and processing cost are considered.

    • WebP and AVIF conversion where supported by the website and delivery system
  29. Responsive Image Delivery

    Visitors should not download a desktop-size image for a small mobile container without a justified reason.

    • srcset, sizes, device-specific widths, and CMS-generated sizes
    • Product thumbnails, hero variants, mobile crops, and high-density displays
  30. LCP Image Prioritization

    The implementation depends on how the image is rendered.

    • Direct HTML discovery, high fetch priority, preloading, and removal from lazy loading
    • Correct responsive source, smaller file size, faster CDN delivery, and reduced render delay
  31. Lazy Loading Review

    Above-the-fold LCP content should not normally be delayed through generic lazy-loading rules.

    • Images below the fold, hero images, iframes, videos, and embeds
    • Components, product recommendations, and related content
  32. Font Performance Optimization

    Unnecessary font families and weights are removed where possible.

    • Font families, weights, file formats, character sets, and external font providers
    • Local hosting, preloading, fallback fonts, font-display, variable fonts, and layout shifts
  33. Layout Stability Controls

    This may use width and height attributes, aspect ratios, minimum heights, skeleton layouts, stable placeholders, and predictable component dimensions.

    • Images, videos, embeds, iframes, advertisements, and forms
    • Banners, cookie notices, recommendations, and dynamic components
  34. Navigation and Header Stability

    I test header behaviour throughout loading and interaction.

    • Fonts change, logos load late, sticky behaviour activates, and banners appear
    • Menus hydrate, user-account content loads, and consent notices change height
  35. Cookie and Consent Platform Performance

    The implementation must still respect the customer’s approved consent requirements.

    • Impact on LCP, INP, CLS, script loading, main-thread work, and visual overlays
    • Whether the platform loads too much code, blocks rendering, creates layout shifts, or initializes tags inefficiently
  36. Video and Embed Optimization

    Possible improvements include facades, poster images, click-to-load behaviour, lazy loading, reserved space, conditional loading, simplified embeds, and linking externally where appropriate.

    • YouTube, Vimeo, maps, social embeds, and reviews
    • Booking widgets, calendars, dashboards, and external forms
  37. HTML and DOM Optimization

    An unnecessarily large and complex DOM can increase style, layout, rendering, and interaction work.

    • HTML size, DOM depth, number of elements, and repeated wrappers
    • Hidden components, page-builder output, navigation complexity, large tables, and repeated cards
  38. Compression

    Compression reduces transfer size but does not replace removing unnecessary resources.

    • HTML, CSS, JavaScript, JSON, SVG, API responses, and text files
    • Brotli, Gzip, CDN compression, and origin compression
  39. Browser Caching

    Frequently changing HTML requires different rules from versioned static assets.

    • Images, fonts, CSS, JavaScript, documents, and static application assets
    • Cache-Control, expiration, immutable assets, file versioning, and revalidation
  40. CDN Configuration

    Possible environments include Cloudflare, hosting-platform CDN, ecommerce CDN, application platform, or a customer-approved provider.

    • Static asset delivery, geographic latency, cache hit ratio, and origin load
    • Image delivery, compression, TLS, and traffic peaks
  41. Cloudflare Performance Configuration

    This can be coordinated with the dedicated Cloudflare Setup and Optimization service.

    • Proxy review, Cache Rules, browser cache, edge cache, and compression
    • Images, redirects, origin response, cache exclusions, and cache status validation
  42. Page and Object Caching

    Personalized and transaction-related content requires careful exclusion.

    • Full-page cache, fragment cache, object cache, and database query cache
    • API cache, build cache, server-rendered output, and static generation
  43. Redirect and Request Reduction

    Every unnecessary request or redirect adds network work.

    • HTTP-to-HTTPS redirects, www normalization, trailing slashes, and asset redirects
    • Image redirects, tracking redirects, old CDN URLs, internal links through redirects, and redirect chains
  44. Resource Hint Review

    Preloading too many resources can compete with genuinely important requests.

    • Preload, preconnect, DNS prefetch, module preload, and fetch priority applied selectively
  45. Service Worker and Browser Cache Review

    Incorrect service-worker caching can preserve broken or outdated website versions.

    • Cached assets, update strategy, stale files, offline behaviour, and cache size
    • Runtime caching, navigation requests, versioning, and error handling
  46. Performance Budget Definition

    Budgets may vary by page template.

    • JavaScript, CSS, images, fonts, third-party scripts, total page weight, and requests
    • LCP, INP, CLS, and server response
  47. Performance Monitoring Setup

    Google’s web-vitals library can collect LCP, INP, and CLS directly for custom field measurement.

    • Search Console, CrUX, PageSpeed Insights API, and Lighthouse automation
    • Real User Monitoring, web-vitals library, hosting monitoring, Cloudflare analytics, and custom dashboards
  48. PageSpeed Insights API Integration

    Automated testing should use a representative URL set rather than every URL without prioritization.

    • Scheduled checks, template samples, mobile and desktop results, and historical storage
    • Alerts, dashboard output, and regression comparison
  49. Performance Regression Testing

    A website can become slow again after a successful optimization project when future changes are not monitored.

    • New features, tags, images, design changes, plugins, and framework upgrades
    • Advertising, consent systems, CMS changes, and deployments
  50. Before-and-After Validation

    Lab improvements may appear immediately, while field datasets require new real-user visits before their reporting reflects the change.

    • LCP, INP, CLS, FCP, TTFB, Lighthouse score, resource size, and request count
    • JavaScript execution, cache status, important interactions, and conversion functionality
  51. Functional Quality Assurance

    A faster page that loses important functionality is not a successful optimization.

    • Navigation, forms, search, filters, product variants, cart, checkout, and payment
    • Booking, login, account, tracking, consent, videos, embedded systems, and APIs
  52. SEO Quality Assurance

    I verify that performance changes do not negatively affect crawlability and search controls.

    • Crawlable HTML, canonical tags, metadata, structured data, and internal links
    • Hreflang, robots directives, XML sitemaps, status codes, image indexing, content visibility, and JavaScript rendering
  53. Implementation Documentation

    I document findings, changes, results, limitations, and next steps.

    • Initial findings, affected templates, bottlenecks, implemented changes, and configuration changes
    • Removed scripts, cache rules, performance budgets, test results, known limitations, monitoring, and future recommendations
  54. Developer-Ready Recommendations

    Recommendations are written as implementation tasks rather than generic audit statements.

    • Problem, evidence, affected pages, technical cause, and recommended implementation
    • Priority, dependencies, acceptance criteria, test procedure, and expected risk
  55. Post-Launch Monitoring

    Unexpected changes are investigated against the production release.

    • Core Web Vitals, page errors, forms, transactions, bookings, and cache behaviour
    • Server response, third-party scripts, mobile output, search crawling, analytics, and user journeys
  56. Ongoing Performance Maintenance

    Ongoing support keeps performance stable as the website evolves.

    • Monthly template testing, new-release review, Core Web Vitals monitoring, and third-party tag review
    • Image checks, JavaScript bundle checks, plugin review, hosting analysis, cache validation, regression alerts, and reporting

Search terminology

Page Speed, Core Web Vitals and PageSpeed Insights: What Is the Difference?

Page speed

The broader performance of loading, rendering, interacting with, and navigating a website.

Core Web Vitals

The field metrics LCP, INP, and CLS—representing loading, responsiveness, and visual stability.

PageSpeed Insights

A Google tool that evaluates a page on mobile and desktop and provides available real-user information and Lighthouse laboratory diagnostics.

Lighthouse

A controlled laboratory auditing tool that helps identify reproducible technical opportunities but does not represent every real visitor.

CrUX

An aggregated dataset based on eligible Chrome user experiences that supports real-world Core Web Vitals reporting.

Performance score

The Lighthouse performance score is a weighted laboratory score. It is not the same as passing the Core Web Vitals field assessment.

Ideal clients

Who This Is For

Websites failing Core Web Vitals

Sites with poor or “needs improvement” LCP, INP, or CLS results.

Slow mobile websites

Businesses whose pages load or respond poorly on mobile devices and slower networks.

Ecommerce and marketplace websites

Platforms with heavy product pages, filters, carts, checkout systems, scripts, and dynamic content.

WordPress and WooCommerce websites

Sites affected by themes, page builders, plugins, database load, scripts, and incorrect cache configuration.

Next.js and JavaScript applications

Websites requiring bundle reduction, rendering review, hydration optimization, server-component planning, and interaction improvements.

Lead-generation websites

Businesses relying on landing pages, forms, calls, messages, bookings, and advertising traffic.

Publishers and content websites

Sites managing large images, advertisements, recommendations, videos, consent systems, and article templates.

Travel and booking websites

Tour, hotel, transportation, and accommodation platforms with large visual assets and external booking tools.

Websites preparing for redesign or migration

Teams that want performance requirements included before development and launch.

Development teams needing implementation guidance

Teams requiring prioritized tasks, evidence, acceptance criteria, and post-deployment validation.

What you receive

What You Receive

Concrete diagnostics, implementation work, technical requirements, validation, and monitoring—scoped to your website and platform.

  • Performance discovery
  • Page-template inventory
  • Mobile and desktop testing
  • Field-data review
  • Laboratory-data review
  • Core Web Vitals audit
  • LCP analysis
  • INP analysis
  • CLS analysis
  • FCP review
  • TTFB analysis
  • Hosting review
  • Server review
  • Database review where relevant
  • API dependency review
  • Rendering-strategy review
  • Next.js optimization where relevant
  • React or application optimization where relevant
  • WordPress optimization where relevant
  • WooCommerce optimization where relevant
  • JavaScript inventory
  • Bundle reduction
  • Long-task optimization
  • Event-handler optimization
  • Third-party script review
  • GTM performance review
  • CSS optimization
  • Critical-resource review
  • Image optimization
  • Modern image formats
  • Responsive images
  • LCP image prioritization
  • Lazy-loading review
  • Font optimization
  • Layout-stability controls
  • Consent-platform review
  • Video and embed optimization
  • DOM review
  • Compression
  • Browser caching
  • CDN configuration
  • Cloudflare coordination where relevant
  • Page and object caching
  • Redirect reduction
  • Resource-hint review
  • Service-worker review where relevant
  • Performance budgets
  • Monitoring setup
  • PageSpeed API integration where required
  • Regression testing
  • Before-and-after comparison
  • Functional QA
  • SEO QA
  • Developer-ready tasks
  • Implementation documentation
  • Post-launch monitoring
  • Ongoing maintenance plan

Delivery process

How I Deliver Page Speed Optimization

  1. 01. Discovery and Priority Selection

    I review the website, business-critical pages, devices, countries, traffic, conversions, hosting, and known performance problems.

  2. 02. Field and Laboratory Measurement

    I collect available real-user information and run controlled tests across representative page templates.

  3. 03. Bottleneck Diagnosis

    I identify whether the main problems come from the origin server, rendering, JavaScript, CSS, images, fonts, third parties, caching, or application architecture.

  4. 04. Prioritization

    Issues are ranked according to user impact, page coverage, commercial importance, Core Web Vitals impact, technical risk, and implementation effort.

  5. 05. Implementation

    I apply approved frontend, backend, server, CDN, caching, and configuration improvements.

  6. 06. Functional Testing

    I verify that forms, bookings, ecommerce, navigation, analytics, consent, and integrations continue to work.

  7. 07. Performance Validation

    I repeat mobile and desktop tests and compare the results with the original baseline.

  8. 08. Production Deployment

    Approved changes are deployed through the customer’s development and release process.

  9. 09. Post-Launch Monitoring

    I review production performance, errors, Core Web Vitals trends, and important customer journeys.

  10. 10. Documentation and Handover

    I document the changes, results, limitations, budgets, and ongoing monitoring requirements.

Specialist

Why Work With Me for Page Speed Optimization?

I combine performance optimization with technical SEO, website development, Next.js, WordPress, analytics, tracking, Cloudflare, website migrations, AEO, GEO, and conversion measurement.

This allows me to evaluate both: Why the website is slow Which changes are safe for its business and search requirements

I review: Which page templates affect the most users Which resources delay important content Which JavaScript blocks interactions Which elements create layout shifts Whether the server or frontend is the main bottleneck Whether caching is safe for each page type Which third-party scripts are commercially necessary Whether a laboratory result reflects field performance Whether optimization changes affect crawling or tracking How future releases should be controlled

Rather than sending only a PageSpeed screenshot, I document: The technical cause The affected pages The user impact The recommended fix The implementation requirements The acceptance criteria The test method The measured result The remaining limitation The maintenance responsibility

I can support the process from performance diagnostics and prioritization through implementation, testing, deployment, monitoring, and long-term performance governance.

Common questions

Frequently asked questions

← All services

Request a Page Speed Audit

  • 20 min intro
  • No obligation
  • You keep your data