ES
Back to projects

Digital media

Futbol Sites

A network of 25+ football sites serving millions of visits a day.

Role
Semi-Senior Frontend Developer
Duration
4 years
Visit site
Vista previa del proyecto Futbol Sites

The mission

Futbol Sites is Better Collective's sports media network in Latin America: football news, live scores, tables and stats sites that together move millions of visits a day. I joined in July 2022 and, throughout my time at the company, kept that network running alongside the product team.

The challenge

At Futbol Sites the sites share components, services and architecture, so any change has to be built to scale from the very first moment.

In this project every site has its own particularities, whether in business or in region, and that demands a lot of attention to detail while developing.

On top of that comes the performance challenge. The sites load advertising and dynamic content, which makes meeting the Core Web Vitals harder; building solutions that let the ads coexist with the content while the pages still load fast is a constant challenge.

Stack

The tools the project was built with.

  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Git
  • AdSense
  • Optidigital
  • JIRA
Type
Digital media
Role
Semi-Senior Frontend Developer
Period
Jul 2022 — Jul 2026
Team
Distributed product team, with front, back, SEO and ads

What I did

My most relevant contributions, grouped by goal.

Architecture and new sites

  • Launching new sites on top of the project's base architecture, either reusing its many services and components or adapting them to the context.
  • Building reusable components that several sites in the network use today.
  • Cross-team features designed from the start to scale across the whole network, not a single site.

Performance and Core Web Vitals

  • Optimising LCP, CLS and INP on sites carrying heavy advertising and dynamic content.
  • Weighing the real cost of every third-party script before it went into the bundle.
  • Tuning images, fonts and lazy loading so the content arrives before the ads do.

Monetisation

  • Implementing and maintaining AdSense and Optidigital as monetisation systems.
  • Fitting the ad slots in without breaking the layout or spiking CLS.

Operations and quality

  • Running production deployments and keeping the sites healthy over time.
  • Monitoring, diagnosing and fixing bugs reported from production.
  • Technical tracking and documentation of tasks in JIRA.

Impact

Numbers I left behind on this project.

Project results

+5Mdaily users

  • Active sites in the network0027
  • LCP cut across the network-40%
  • TTFB cut across the network-30%
  • AdSense and Optidigital integrated0002
Home page of one of the sites in the network

Bolavip, the flagship site of Futbol Sites

Bolavip, the flagship site of Futbol Sites
League table with live scores

League table with live scores

League table with live scores

What I take with me

Tap a note to read it in full.

Scaling for real

A component serving 25 sites is designed differently from one serving a single site. I learned to think about the component's API before its markup.

Ads vs. performance

Advertising isn't negotiable in a media company, so the real job is making it coexist with the Core Web Vitals instead of fighting it.

Teamwork

Working on a team of more than ten people makes you understand how much the soft skills matter: communication, empathy, ownership, responsibility. I'm grateful to my team for making me a better professional and a better person.

Staying 4 years

Watching a project grow over years forces you to write code your future self can read. It's the best school of maintainability I know.

Got a good opportunity in mind?

I'm open to new challenges as a Frontend Developer on remote teams. If you think I'd fit what you're building, let's talk.

Reach me on LinkedIn

Let's talk

It lands straight in my inbox.