Button component and click events in Unity - Performance & Optimization

Performance: Button component and click events

MEDIUM IMPACT

This affects the responsiveness and smoothness of user interactions in the game or app.

Handling button clicks in Unity UI

Unity

public void OnButtonClick() {
  HandleClick();
}
// Assign OnButtonClick to the Button's OnClick event in the Inspector

Uses Unity's built-in event system to handle clicks only when they happen, reducing overhead.

📈 Performance GainSingle event call per click, improving input responsiveness

Handling button clicks in Unity UI

Unity

void Update() {
  if (Input.GetMouseButtonDown(0)) {
    Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition);
    if (Physics.Raycast(ray, out RaycastHit hit)) {
      if (hit.collider.gameObject.name == "Button") {
        HandleClick();
      }
    }
  }
}

Checking for clicks every frame and using raycasts is expensive and can cause input lag.

📉 Performance CostTriggers multiple raycasts per frame, blocking input responsiveness

Performance Comparison

Pattern	DOM Operations	Reflows	Paint Cost	Verdict
Manual raycast in Update	N/A (GameObjects checked each frame)	N/A	High CPU usage for raycasts	[X] Bad
Unity Button OnClick event	N/A (Event-driven)	N/A	Minimal CPU usage	[OK] Good

Rendering Pipeline

Button click events are processed by Unity's event system which listens for input and triggers callbacks without continuous polling.

→Input Processing

→Event Dispatch

→UI Update

⚠️ BottleneckInput Processing when using manual polling and raycasts

Core Web Vital Affected

INP

This affects the responsiveness and smoothness of user interactions in the game or app.

Optimization Tips

1Avoid checking for clicks every frame with raycasts.

2Use Unity UI Button's OnClick event for efficient click handling.

3Profile input handling to detect unnecessary CPU usage.

Performance Quiz - 3 Questions

What is the main performance problem with checking button clicks using raycasts every frame in Update?

A It causes unnecessary CPU usage by running raycasts even when no clicks happen.

B It improves responsiveness by checking clicks constantly.

C It reduces memory usage by avoiding events.

D It prevents UI from rendering.

DevTools: Unity Profiler

How to check: Open Profiler, record while clicking button, check CPU usage and Event system calls.

What to look for: Look for high CPU spikes during Update or excessive raycast calls indicating inefficient input handling.