Page 5: Mixed Content Test

Test Focus: This page combines all resource types (CSS, fonts, images, JavaScript) to simulate a realistic website with ~1.5MB total payload.

Capturing performance metrics

Realistic Page Content

This page represents a realistic website scenario with multiple resource types loading simultaneously. It includes custom fonts, stylesheets, images, and JavaScript files.

Visual Content

Featured Image 1

Featured Image 2

Thumbnail 1

Thumbnail 2

Content Sections

Section 1

Multiple CSS classes and custom fonts applied here to test rendering performance.

Section 2

Heavy stylesheets and web fonts loading together with images and scripts.

Section 3

This simulates a real-world page where multiple resource types compete for bandwidth and browser resources.

Navigation

← Page 4 Home Page 1 (Restart) View Results

About This Test

This is the most comprehensive test page, combining all previous tests into a realistic scenario. It loads multiple CSS files, web fonts, images of various sizes, and JavaScript files simultaneously.

What to Look For

Total Load Time: Should be the highest of all test pages
Resource Prioritization: How browsers prioritize different resource types
Connection Management: HTTP/2 multiplexing vs HTTP/1.1 connection limits
Render Blocking: CSS and fonts blocking initial render
Progressive Loading: Whether content appears progressively or all at once

Real-World Simulation

This page best represents your actual websites. If Safari shows higher latency here, it indicates how real users experience your site. Compare the metrics with Pages 1-4 to identify which specific resource types contribute most to the performance difference.

Testing Complete! You've navigated through all test pages. Visit the Results page to see a comprehensive comparison of Safari vs Chrome performance metrics.