Bring the website on React to a speed of 100 on PageSpeed in the mobile version.

Hello!

Your website already has excellent metrics (90–99). The transition from 95 to a stable 100 is the most challenging stage.

Is it possible to achieve 100 on every check? I will be honest, as a specialist: a score of 100 is possible, but it depends not only on the code but also on external factors (the load on Google servers at the time of testing, network delays, or third-party scripts like chats or analytics).

My goal is to bring the technical part of the website to such an ideal that under normal conditions a score of 100 becomes the standard, and fluctuations are minimal.

What I propose to do to achieve 100/100:
…
1. Audit of third-party scripts: Most often, 1–5 points are "eaten" by Google Analytics, Pixel, or third-party fonts. I will set up their deferred loading (Proxying or Partytown) so they do not block the main flow.
2. Optimization of the critical path (Critical CSS): Isolating the minimum CSS necessary for the first screen and deferring the rest of the styles.
3. Fine-tuning of fonts: Using font-display: swap and preloading to avoid the slightest layout shifts (CLS).
4. TTFB (Time to First Byte): Analyzing server response speed. Even a micro-delay from the database can prevent achieving 100 points.
5. Resource optimization: Converting remaining graphics to WebP/AVIF and compressing JS/HTML to the absolute minimum.

Work stages:
1. Complete technical audit of current losses (even if it's 1–2 points).
2. Creating a copy of the site for testing (to avoid affecting the operation of the main resource).
3. Implementing corrections and final testing.

I would be happy to look at the link to your website to give an accurate forecast: whether internal code errors or external services are currently hindering you, and how we can fix this.

I am ready to discuss the details and get started!

Show original

Translate