Checklist

A lightning-fast website?
Start with our checklist.

Why Address Speed?

A fast website isn’t a trend. It’s the difference between “I’ll buy” and “I’m leaving.” The numbers confirm it; businesses feel the impact.

  • Thanks to the speed improvement of deNatura.cz, we increased traffic from Google by 17.3% at PageSpeed.cz.
  • Loading in one second? 6× higher conversion than loading in four seconds. That’s what we measured for a large e-commerce site.
  • On the website we managed to increase the conversion rate by <15>25% through relatively simple changes.
  • If a page meets Core Web Vitals, it’s 24% less likely that a user will leave before loading.
  • Faster websites often have lower PPC advertising costs. This was evident after optimizing Livesport.

For Non-Technical People: Performance Culture

Speed isn’t just a developer issue. It involves everyone – developers, designers, marketers, and managers. Tame the chaos.

  • Always have monitoring enabled. Detect issues early, prevent random declines.
  • Convince management that speed is a crucial business topic.
  • Have a performance manager in your company who actively addresses and advances this topic.
  • Set the right metrics; for larger sites, go beyond Core Web Vitals.
  • Educate all stakeholders, including marketers, content editors, and designers.
  • Consider speed impact when designing new features and selecting third-party solutions.
  • TIP: Watch the introductory video on Performance Culture.

Optimizing LCP (Loading Speed)

LCP measures when the most important content appears on your page. You have 2.5 seconds to achieve this.

  • Speed up server response (TTFB). Aim for under 0.5 seconds.
  • Ensure efficient compression, using Gzip or Brotli at levels 6-7.
  • Optimize fonts. Reduce data size and prevent content from being hidden.
  • Use lazy loading correctly. Don’t apply lazy loading to LCP images.
  • Prioritize LCP elements. Use preload or Priority Hints.
  • Images. Use modern formats like WebP or AVIF.
  • Utilize a CDN and consider deploying Cloudflare.
  • TIP: Learn to identify the LCP element and explore more LCP optimizations.

Optimizing INP (Interaction Response)

INP measures how quickly your website responds to clicks. The threshold is 200 milliseconds.

  • Eliminate long tasks in JavaScript. Long Tasks are measured by the TBT metric.
  • Defer loading non-critical code. If it's not needed for the first render, postpone it.
  • Tame your frameworks. Check out our guides on optimizing React or Vue.
  • Optimize third-party scripts, like GTM. They can sometimes cause delays.
  • Occasionally use a trick with setTimeout() to break long tasks into smaller ones.
  • TIP: Inform users after they click that the action will take time. See more options for INP optimization.

Optimizing CLS (Layout Stability)

CLS monitors if your page is shifting unexpectedly. The target is a score of 0.1.

Performance Monitoring PLUS

5,400 CZK annually for the website. No card needed for invoicing.

Try it free for a month.

Tipy na závěr

Chcete další důležité technické tipy, které mohou ovlivnit více metrik?