Engineering

Web engineering where the front end is the constraint

Front-end weight is a performance decision, a search decision and a conversion decision at the same time. We build and remediate web platforms so the browser is not doing work nobody asked for.

The problem

Front ends accumulate cost

Every long-lived web platform carries decisions that were individually sensible when made: a library added for one feature, a script included for one page, an image pipeline that predates modern formats. Nobody ever re-examines the aggregate. On a fast connection the aggregate is invisible; on a mobile connection it is the experience.

  • Page weight and script count that have grown without anyone deciding they should
  • Performance that degrades as features are added and is never recovered
  • A codebase where no one knows which dependencies are actually used
  • Mobile experience materially worse than desktop
  • Rendering strategy inherited from an earlier era of the product
Who this is for

The people who usually bring us this problem

CTO / VP Engineering

Performance has degraded incrementally and there is no natural point at which to stop and address it.

Head of Product

Users experience the platform as slower than it should be, and the cause is not obvious from the feature list.

Head of SEO

Core Web Vitals are failing and the remedy is in the front end rather than in content.

What it costs

What this costs while it goes unfixed

Engineering faults are rarely confined to the engineering layer. These are the commercial consequences we see most often.

Performance is a conversion variable

Every additional unit of render cost is paid by every user on every visit. The effect on conversion is small per session and large in aggregate.

Slow platforms are crawled less efficiently

Front-end weight and server response both affect how efficiently a crawler can process the site, which links front-end engineering directly to search visibility.

Accumulated debt makes every change slower

A front end that nobody understands is one where every change carries risk, which slows the team down well beyond the cost of the performance problem itself.

What we do about it

Capabilities

Each of these is work we carry out, not an area we advise on.

Front-end performance remediation

Establishing what the page actually costs, then removing what is not earning its place — unused dependencies, render-blocking resources, unoptimised assets, redundant work on the critical path.

Rendering strategy

Choosing between server rendering, static generation, hydration and client rendering on the basis of what each page actually needs, rather than applying one model to the whole application.

Asset pipeline engineering

Image formats and sizes, font loading, caching policy and content-addressed assets — the pipeline decisions that determine most of a page's transfer cost.

Dependency and build hygiene

Establishing what is genuinely used, what is duplicating what, and what is shipping to browsers for no reason. Build configuration is frequently where the largest easy wins are.

Accessibility and semantic quality

Semantic structure, keyboard navigation, focus management and contrast. Accessibility and machine-readability are largely the same work, so doing it properly improves both.

Modernisation with continuity

Replacing or refactoring what has aged without discarding the equity and behaviour the platform depends on. Most platforms do not need a rebuild; they need the expensive parts of their architecture changed.

How we work

Engineering methodology

The sequence is deliberate. The order is usually what determines whether the work holds or has to be repeated.

  1. Measure the real page, not a synthetic score

    Field data over lab data, and real user conditions over a fast development machine. A synthetic score is useful for diagnosis and misleading as an objective.

  2. Find the dominant cost first

    Performance work is unusually prone to effort spent on minor items. Identifying the single largest contributor and fixing that first produces most of the result.

  3. Change the pipeline, not the output

    A fix applied to one page will be undone. A fix applied to the build pipeline or the template applies everywhere and persists.

  4. Verify against the baseline in production

    The baseline is measured before the work, and the result measured after it, under the same conditions. Otherwise there is no evidence, only an assertion.

Deliverables

What an engagement produces

Documentation is a deliverable, not an afterthought. On most of these engagements a large part of the value is a defect report precise enough for another team to act on.

Assessment

  • Page-cost breakdown by resource type
  • Critical-path analysis
  • Dependency usage audit
  • Comparison against peer sites in the category

Implementation

  • Script reduction and deferral
  • Asset pipeline and image optimisation
  • Rendering strategy changes
  • Template and build-configuration corrections
  • Accessibility and semantic improvements

Verification

  • Before-and-after field measurements
  • Core Web Vitals tracking
  • Regression protection for performance budgets
Under the hood

Architecture and technology

Front-end concerns

  • Rendering strategy per page type
  • Bundle composition and splitting
  • Asset formats, sizing and compression
  • Font loading strategy
  • Third-party script governance

Delivery concerns

  • Cache policy by asset class
  • Compression at the edge
  • CDN configuration
  • Content-addressed immutable assets
Related work

Where we have done this

Engagements where this capability was the substance of the work rather than a line item.

Online communities

Spain's largest forum

Since 2019, Soludome has managed infrastructure and platform operations for one of Spain's largest online communities. The work covers server and performance optimisation, CDN architecture, load balancing and site security under sustained traffic.

Since 2019continuous engagement
Online communities

Arrse.co.uk

An established community platform had accumulated three separate problems that compounded each other: page loads that had degraded with growth, search visibility that had not kept pace with the community's authority, and a security posture that had not been revisited as the platform's profile grew. The engagement addressed all three concurrently.

4%increase in organic clicks
Education technology

Educativ.net

A platform that had previously ranked well had declined through a combination of technical and on-page problems: nearly ninety percent of the site failed Google's Core Web Vitals assessment, server response times were high, and metadata and content signals needed work. The engagement addressed those constraints together.

21%increase in search traffic
Adjacent problems

If this is not quite your problem

These overlap at the edges. Sending you to the right page is more useful than having you work it out.

Performance is limited by the server, not the browser

Server response time is a floor under every other metric. See Infrastructure Engineering.

The site fails under traffic rather than being slow

That is a capacity and architecture problem. See High-Traffic Website Engineering.

Questions

Frequently asked

Do we need a rebuild?

Usually not, and a rebuild is a much larger undertaking than the problem typically requires. Most platforms have a small number of expensive architectural decisions — a rendering strategy, an asset pipeline, an unchecked dependency — that account for most of the cost. Changing those has most of the benefit and a fraction of the risk.

Is this front-end development or performance consulting?

Both, and the distinction rarely survives contact with a real platform. A performance recommendation that the team cannot implement is not useful; the reason to have engineers do this work is so the fix actually lands and persists.

How do you keep performance from regressing?

By enforcing budgets in the build. A performance budget that fails continuous integration is the difference between an improvement and a temporary one — without it, the next few feature releases undo the work, which is exactly how most platforms arrive at the state we are asked to fix.

Bring us the problem you have not been able to fix

Describe what is happening rather than what you think the cause is. If we are not the right people for it, we will say so.