Skip to main content

Page Speed

Optimizing your templates performance is essential for improving user experience, conversion rates, and SEO.
Prodyflow provides built-in tools and automated processes to help you achieve great page loading speeds with minimal effort.

Requirements​

Prodyflow follows performance recommendations.

Key performance expectations include:

  • Largest Contentful Paint (LCP): ≤ 2.5 seconds
  • First Input Delay (FID): ≤ 100 milliseconds
  • Cumulative Layout Shift (CLS): ≤ 0.1
  • Total Blocking Time (TBT): ≤ 1000 milliseconds
  • Speed Index: ≤ 3 seconds
  • Efficient image loading (responsive sizes, lazy loading)
  • Optimized font loading
  • Clean template structure without heavy third-party scripts

You can view your webshop’s performance score and related insights directly on the Dashboard main page, where Prodyflow highlights opportunities and problems based on Google PageSpeed criteria.

Critical CSS​

Critical CSS is generated automatically in the background for your active template version.
This CSS contains only the styles necessary to render the above-the-fold content, allowing the page to display much faster.

How it works​

  • The system analyzes your template structure.
  • It extracts only the CSS required for the initial viewport.
  • This CSS is inlined to ensure instant rendering.
  • The rest of your styles load afterward, without blocking the page.

Important Notes​

  • Critical CSS regenerates automatically in the background whenever needed.
  • If you make changes to the main template version, the previous Critical CSS will be deleted.
  • As a result, it may take some time for the system to rebuild the new Critical CSS.
  • During the regeneration phase, your page might temporarily load with standard (non-critical) CSS, which is normal.

This automated approach ensures your webshop remains fast and compliant with page speed recommendations without requiring manual optimization work.