The Custom Code AI Analyser helps identify potential performance concerns in custom HTML, CSS, and JavaScript before they are saved in Page Builder.

The analyser reviews custom code and provides recommendations to help improve Core Web Vitals (CWV) metrics such as:

• Largest Contentful Paint (LCP)
• Interaction to Next Paint (INP)
• Cumulative Layout Shift (CLS)

Where to Access:

1. Login to Page Builder
2. Navigate to General settings > Manage > Insert Custom Code > Click here to insert
   Select either:
   Insert to Head
   Insert to Body
3. Add or update your custom code.
4. Click Run Analyser

How It Works: 

The analyser scans the custom code and highlights patterns that may negatively impact website performance.

For each recommendation, the analyser provides:

• A description of the identified concern
• The affected code snippet
• The CWV metric impacted
• Recommended corrective action
• Severity level

Severity Levels

Critical - Critical findings indicate code patterns that are highly likely to affect website performance and should be reviewed before deployment.

Warning - Warnings indicate code patterns that may affect performance depending on how they are used on the page.

Features
Performance Recommendations - The analyser identifies common performance-impacting patterns in custom code and suggests improvements.

Click-to-Locate - Selecting a flagged code snippet highlights the corresponding section within the editor.

Copy Suggested Fix - You can copy the recommended code changes directly from the analyser panel.

Context-Aware Analysis - The analyser evaluates code differently depending on whether it is added to:

• Head Code
• Body Code

Saving Changes

When the AI Analyser is enabled:

• Custom code changes must be analysed before they can be saved.
• If changes are made after an analysis is completed, the analyser must be run again.
• If you choose not to save the changes, you can use Discard and Continue to exit without saving.

When the AI Analyser feature is disabled, the existing save workflow remains unchanged.

Important Notes

• The AI Analyser provides recommendations only.
• Suggestions should always be reviewed before implementation.
• The analyser does not measure real-world Core Web Vitals scores.
• Results are based solely on the code provided in the editor.
• Performance recommendations may vary depending on page layout, third-party integrations, and runtime behavior.