{"id":8598,"date":"2025-12-16T14:09:31","date_gmt":"2025-12-16T14:09:31","guid":{"rendered":"https:\/\/www.searchviu.com\/?page_id=8598"},"modified":"2025-12-16T14:15:28","modified_gmt":"2025-12-16T14:15:28","slug":"pagespeed-comparison-tool","status":"publish","type":"page","link":"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/","title":{"rendered":"PageSpeed Comparison Tool"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8598\" class=\"elementor elementor-8598\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f252df elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f252df\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec08294\" data-id=\"ec08294\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9cf61ab elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"9cf61ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">PageSpeed Comparison Tool<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t\n<div class=\"hero-content\">\n<p class=\"hero-subtitle\">Compare real-world performance data from Chrome User Experience Report (CrUX) for up to 3 URLs. Get current Core Web Vitals metrics and 40 weeks of historical data.<\/p>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3667988 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3667988\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Compare up to 3 URLs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Real Chrome User Data<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">40 Weeks Historical Data<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-206a951 elementor-widget elementor-widget-spacer\" data-id=\"206a951\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-60fbda6 e-grid e-con-boxed e-con e-parent\" data-id=\"60fbda6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f140c4a elementor-widget elementor-widget-html\" data-id=\"f140c4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Open Sans', sans-serif;\n            background: linear-gradient(135deg, #f4f4f4 0%, #ffffff 100%);\n            color: #414141;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        \/* Header *\/\n        .header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 30px;\n            background: linear-gradient(135deg, #131A2D 0%, #467487 100%);\n            border-radius: 20px;\n            box-shadow: 0 10px 40px rgba(19, 26, 45, 0.2);\n        }\n\n        .header h1 {\n            color: #ffffff;\n            font-size: 2.5em;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .header .brand {\n            color: #FFE62A;\n            font-weight: 800;\n        }\n\n        .header p {\n            color: #F4E979;\n            font-size: 1.1em;\n            font-weight: 400;\n        }\n\n        \/* Input Section *\/\n        .input-section {\n            background: white;\n            padding: 30px;\n            border-radius: 15px;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n            margin-bottom: 30px;\n        }\n\n        .input-group {\n            margin-bottom: 20px;\n        }\n\n        .input-group label {\n            display: block;\n            color: #131A2D;\n            font-weight: 600;\n            margin-bottom: 8px;\n            font-size: 0.95em;\n        }\n\n        .url-inputs {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-bottom: 20px;\n        }\n\n        .url-input-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .url-input-wrapper input {\n            flex: 1;\n            padding: 14px 18px;\n            border: 2px solid #e0e0e0;\n            border-radius: 10px;\n            font-size: 1em;\n            font-family: 'Open Sans', sans-serif;\n            transition: all 0.3s ease;\n        }\n\n        .url-input-wrapper input:focus {\n            outline: none;\n            border-color: #0B9D96;\n            box-shadow: 0 0 0 3px rgba(11, 157, 150, 0.1);\n        }\n\n        .url-label {\n            min-width: 60px;\n            font-weight: 600;\n            color: #467487;\n        }\n\n        .settings-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-bottom: 20px;\n        }\n\n        .api-key-input {\n            width: 100%;\n            padding: 14px 18px;\n            border: 2px solid #e0e0e0;\n            border-radius: 10px;\n            font-size: 1em;\n            font-family: 'Open Sans', sans-serif;\n            transition: all 0.3s ease;\n        }\n\n        .api-key-input:focus {\n            outline: none;\n            border-color: #0B9D96;\n            box-shadow: 0 0 0 3px rgba(11, 157, 150, 0.1);\n        }\n\n        .device-selector {\n            display: flex;\n            gap: 10px;\n        }\n\n        .device-btn {\n            flex: 1;\n            padding: 12px 20px;\n            border: 2px solid #e0e0e0;\n            background: white;\n            border-radius: 10px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-weight: 600;\n            color: #414141;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        .device-btn:hover {\n            border-color: #0B9D96;\n            background: rgba(11, 157, 150, 0.05);\n        }\n\n        .device-btn.active {\n            background: #0B9D96;\n            border-color: #0B9D96;\n            color: white;\n        }\n\n        .compare-btn {\n            width: 100%;\n            padding: 16px 32px;\n            background: linear-gradient(135deg, #0B9D96 0%, #467487 100%);\n            color: white;\n            border: none;\n            border-radius: 12px;\n            font-size: 1.1em;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 5px 20px rgba(11, 157, 150, 0.3);\n        }\n\n        .compare-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(11, 157, 150, 0.4);\n        }\n\n        .compare-btn:disabled {\n            background: #8A8A8A;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        \/* Loading Spinner *\/\n        .loading {\n            display: none;\n            text-align: center;\n            padding: 40px;\n        }\n\n        .spinner {\n            width: 50px;\n            height: 50px;\n            border: 5px solid #f4f4f4;\n            border-top: 5px solid #0B9D96;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            margin: 0 auto 20px;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        \/* Results Section *\/\n        .results {\n            display: none;\n        }\n\n        .comparison-grid {\n            display: grid;\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        .url-card {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .url-card:hover {\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n            transform: translateY(-2px);\n        }\n\n        .url-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 25px;\n            padding-bottom: 20px;\n            border-bottom: 2px solid #f4f4f4;\n        }\n\n        .url-title {\n            font-size: 1.1em;\n            font-weight: 700;\n            color: #131A2D;\n            word-break: break-all;\n            flex: 1;\n        }\n\n        .position-badge {\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-weight: 700;\n            font-size: 0.9em;\n            margin-left: 15px;\n        }\n\n        .position-1 {\n            background: linear-gradient(135deg, #FFE62A 0%, #F4E979 100%);\n            color: #131A2D;\n            box-shadow: 0 3px 10px rgba(255, 230, 42, 0.3);\n        }\n\n        .position-2 {\n            background: #F4F4F4;\n            color: #414141;\n        }\n\n        .position-3 {\n            background: #FFE6E6;\n            color: #D32F2F;\n        }\n\n        .metric-section {\n            margin-bottom: 30px;\n        }\n\n        .section-title {\n            font-size: 1.2em;\n            font-weight: 700;\n            color: #131A2D;\n            margin-bottom: 15px;\n            padding-bottom: 10px;\n            border-bottom: 2px solid #f4f4f4;\n        }\n\n        .metrics-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n        }\n\n        .metric-card {\n            background: white;\n            padding: 20px;\n            border-radius: 12px;\n            border-left: 6px solid #8A8A8A;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .metric-card:hover {\n            transform: scale(1.02);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Category-based coloring (Good = Green, Needs Improvement = Orange, Poor = Red) *\/\n        .metric-card.category-good {\n            background: linear-gradient(135deg, #E8F5E9 0%, #ffffff 100%);\n            border-left-color: #4CAF50;\n        }\n\n        .metric-card.category-needs-improvement {\n            background: linear-gradient(135deg, #FFF3E0 0%, #ffffff 100%);\n            border-left-color: #FF9800;\n        }\n\n        .metric-card.category-poor {\n            background: linear-gradient(135deg, #FFEBEE 0%, #ffffff 100%);\n            border-left-color: #F44336;\n        }\n\n        \/* Core Web Vitals emphasis *\/\n        .metric-card.core-vital {\n            border-left-width: 8px;\n            box-shadow: 0 2px 8px rgba(11, 157, 150, 0.15);\n        }\n\n        .metric-card.core-vital .metric-name {\n            color: #0B9D96;\n            font-weight: 700;\n        }\n\n        \/* Comparison badges *\/\n        .comparison-badge {\n            display: inline-block;\n            font-size: 0.7em;\n            padding: 3px 8px;\n            border-radius: 8px;\n            margin-left: 8px;\n            font-weight: 700;\n        }\n\n        .best-badge {\n            background: #FFE62A;\n            color: #131A2D;\n        }\n\n        .worst-badge {\n            background: #FFEBEE;\n            color: #D32F2F;\n        }\n\n        .metric-name {\n            font-size: 0.85em;\n            color: #8A8A8A;\n            text-transform: uppercase;\n            font-weight: 600;\n            margin-bottom: 8px;\n            letter-spacing: 0.5px;\n        }\n\n        .metric-value {\n            font-size: 1.8em;\n            font-weight: 800;\n            color: #131A2D;\n            margin-bottom: 5px;\n        }\n\n        .metric-status {\n            display: inline-block;\n            padding: 4px 10px;\n            border-radius: 12px;\n            font-size: 0.75em;\n            font-weight: 600;\n            text-transform: uppercase;\n        }\n\n        .status-good {\n            background: #4CAF50;\n            color: white;\n        }\n\n        .status-needs-improvement {\n            background: #FF9800;\n            color: white;\n        }\n\n        .status-poor {\n            background: #F44336;\n            color: white;\n        }\n\n        .metric-icon {\n            margin-right: 5px;\n        }\n\n        \/* Historical Chart Section *\/\n        .history-section {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n            margin-top: 30px;\n        }\n\n        .history-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 25px;\n        }\n\n        .history-header h2 {\n            font-size: 1.5em;\n            font-weight: 700;\n            color: #131A2D;\n        }\n\n        .metric-selector {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        .metric-toggle {\n            padding: 8px 16px;\n            border: 2px solid #e0e0e0;\n            background: white;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-weight: 600;\n            font-size: 0.85em;\n            color: #414141;\n        }\n\n        .metric-toggle:hover {\n            border-color: #0B9D96;\n        }\n\n        .metric-toggle.active {\n            background: #0B9D96;\n            border-color: #0B9D96;\n            color: white;\n        }\n\n        .chart-container {\n            position: relative;\n            height: 400px;\n            margin-top: 20px;\n        }\n\n        .no-data {\n            text-align: center;\n            padding: 60px 20px;\n            color: #8A8A8A;\n        }\n\n        .no-data i {\n            font-size: 3em;\n            margin-bottom: 20px;\n            color: #e0e0e0;\n        }\n\n        .error-message {\n            background: #FFEBEE;\n            color: #C62828;\n            padding: 15px 20px;\n            border-radius: 10px;\n            border-left: 4px solid #F44336;\n            margin-bottom: 15px;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .header h1 {\n                font-size: 1.8em;\n            }\n\n            .settings-row {\n                grid-template-columns: 1fr;\n            }\n\n            .device-selector {\n                flex-direction: column;\n            }\n\n            .metrics-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .metric-selector {\n                justify-content: center;\n            }\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n            padding: 20px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            border-left: 4px solid #2196F3;\n        }\n\n        .info-box h3 {\n            color: #131A2D;\n            font-size: 1.1em;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .info-box p {\n            color: #414141;\n            font-size: 0.95em;\n            line-height: 1.6;\n        }\n\n        .info-box a {\n            color: #0B9D96;\n            font-weight: 600;\n            text-decoration: none;\n        }\n\n        .info-box a:hover {\n            text-decoration: underline;\n        }\n\n        \/* Data Source Toggle *\/\n        .data-source-toggle {\n            background: white;\n            padding: 20px 25px;\n            border-radius: 12px;\n            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 12px;\n        }\n\n        .toggle-label {\n            font-weight: 700;\n            color: #131A2D;\n            font-size: 0.95em;\n        }\n\n        .data-source-btn {\n            padding: 10px 20px;\n            border: 2px solid #e0e0e0;\n            background: white;\n            border-radius: 8px;\n            cursor: pointer;\n            font-weight: 600;\n            font-size: 0.9em;\n            color: #414141;\n            transition: all 0.2s ease;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .data-source-btn:hover:not(:disabled) {\n            border-color: #0B9D96;\n            color: #0B9D96;\n        }\n\n        .data-source-btn.active {\n            background: #0B9D96;\n            border-color: #0B9D96;\n            color: white;\n        }\n\n        .data-source-btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        .toggle-hint {\n            font-size: 0.85em;\n            color: #8A8A8A;\n            margin-left: auto;\n        }\n\n        .toggle-hint i {\n            margin-right: 5px;\n            color: #467487;\n        }\n\n        @media (max-width: 768px) {\n            .data-source-toggle {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            .toggle-hint {\n                margin-left: 0;\n                margin-top: 10px;\n            }\n        }\n\n        \/* Comparison Table Section *\/\n        .comparison-table-section {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n            margin-bottom: 30px;\n        }\n\n        .comparison-table-section h2 {\n            font-size: 1.5em;\n            font-weight: 700;\n            color: #131A2D;\n            margin-bottom: 10px;\n        }\n\n        .collection-period-info {\n            color: #8A8A8A;\n            font-size: 0.9em;\n            margin-bottom: 15px;\n            padding: 8px 12px;\n            background: #f4f4f4;\n            border-radius: 6px;\n            display: inline-block;\n        }\n\n        .collection-period-info i {\n            margin-right: 6px;\n            color: #467487;\n        }\n\n        .table-container {\n            overflow-x: auto;\n        }\n\n        .comparison-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.95em;\n        }\n\n        .comparison-table th {\n            background: linear-gradient(135deg, #131A2D 0%, #467487 100%);\n            color: white;\n            padding: 15px 20px;\n            text-align: center;\n            font-weight: 600;\n            white-space: nowrap;\n        }\n\n        .comparison-table th:first-child {\n            text-align: left;\n            border-radius: 10px 0 0 0;\n        }\n\n        .comparison-table th:last-child {\n            border-radius: 0 10px 0 0;\n        }\n\n        .comparison-table td {\n            padding: 12px 20px;\n            border-bottom: 1px solid #f4f4f4;\n            text-align: center;\n        }\n\n        .comparison-table td.metric-label {\n            text-align: left;\n            font-weight: 600;\n            color: #131A2D;\n            white-space: nowrap;\n        }\n\n        .comparison-table tr.cwv-row {\n            background: linear-gradient(90deg, rgba(11, 157, 150, 0.05) 0%, transparent 100%);\n        }\n\n        .comparison-table tr:hover {\n            background: rgba(11, 157, 150, 0.05);\n        }\n\n        .metric-cell {\n            font-weight: 700;\n            border-radius: 6px;\n            position: relative;\n        }\n\n        .metric-cell.category-good {\n            background: rgba(76, 175, 80, 0.15);\n            color: #2E7D32;\n        }\n\n        .metric-cell.category-needs-improvement {\n            background: rgba(255, 152, 0, 0.15);\n            color: #E65100;\n        }\n\n        .metric-cell.category-poor {\n            background: rgba(244, 67, 54, 0.15);\n            color: #C62828;\n        }\n\n        .metric-cell.best-cell {\n            border: 2px solid #FFE62A;\n            box-shadow: 0 0 8px rgba(255, 230, 42, 0.4);\n        }\n\n        .metric-cell.worst-cell {\n            border: 2px solid #FFCDD2;\n        }\n\n        .cell-badge {\n            display: inline-block;\n            font-size: 0.7em;\n            padding: 2px 6px;\n            border-radius: 4px;\n            margin-left: 5px;\n            font-weight: 700;\n            vertical-align: middle;\n        }\n\n        .cell-badge.best {\n            background: #FFE62A;\n            color: #131A2D;\n        }\n\n        .cell-badge.worst {\n            background: #FFEBEE;\n            color: #C62828;\n        }\n\n        .no-data {\n            color: #8A8A8A;\n            font-style: italic;\n        }\n\n        \/* Bar Chart Section *\/\n        .bar-chart-section {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n            margin-bottom: 30px;\n        }\n\n        .bar-chart-section h2 {\n            font-size: 1.5em;\n            font-weight: 700;\n            color: #131A2D;\n            margin-bottom: 20px;\n        }\n\n        \/* Domain Details Section *\/\n        .domain-details-section {\n            margin-top: 30px;\n        }\n\n        .domain-details-section h2 {\n            font-size: 1.5em;\n            font-weight: 700;\n            color: #131A2D;\n            margin-bottom: 20px;\n        }\n    <\/style>\n\n    <div class=\"container\">\n\n\n        <!-- Input Section -->\n        <div class=\"input-section\">\n           \n            <div class=\"input-group\">\n                <label><i class=\"fas fa-link\"><\/i> Enter URLs to Compare (1-3 URLs)<\/label>\n                <div class=\"url-inputs\">\n                    <div class=\"url-input-wrapper\">\n                        <span class=\"url-label\">URL 1:<\/span>\n                        <input type=\"url\" id=\"url1\" placeholder=\"https:\/\/example.com\" required>\n                    <\/div>\n                    <div class=\"url-input-wrapper\">\n                        <span class=\"url-label\">URL 2:<\/span>\n                        <input type=\"url\" id=\"url2\" placeholder=\"https:\/\/example.com (optional)\">\n                    <\/div>\n                    <div class=\"url-input-wrapper\">\n                        <span class=\"url-label\">URL 3:<\/span>\n                        <input type=\"url\" id=\"url3\" placeholder=\"https:\/\/example.com (optional)\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"input-group\">\n                <label><i class=\"fas fa-mobile-alt\"><\/i> Device Type<\/label>\n                <div class=\"device-selector\">\n                    <button class=\"device-btn active\" data-device=\"PHONE\">\n                        <i class=\"fas fa-mobile-alt\"><\/i> Mobile\n                    <\/button>\n                    <button class=\"device-btn\" data-device=\"DESKTOP\">\n                        <i class=\"fas fa-desktop\"><\/i> Desktop\n                    <\/button>\n                    <button class=\"device-btn\" data-device=\"TABLET\">\n                        <i class=\"fas fa-tablet-alt\"><\/i> Tablet\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <button class=\"compare-btn\" id=\"compareBtn\">\n                <i class=\"fas fa-chart-line\"><\/i> Compare Performance\n            <\/button>\n        <\/div>\n\n        <!-- Loading -->\n        <div class=\"loading\" id=\"loading\">\n            <div class=\"spinner\"><\/div>\n            <p>Fetching real-world performance data from Chrome UX Report...<\/p>\n        <\/div>\n\n        <!-- Results -->\n        <div class=\"results\" id=\"results\">\n            <!-- Data Source Toggle -->\n            <div class=\"data-source-toggle\">\n                <span class=\"toggle-label\">Data Source:<\/span>\n                <button class=\"data-source-btn active\" id=\"originToggle\" onclick=\"switchDataSource('origin')\">\n                    <i class=\"fas fa-globe\"><\/i> Origin\n                <\/button>\n                <button class=\"data-source-btn\" id=\"urlToggle\" onclick=\"switchDataSource('url')\">\n                    <i class=\"fas fa-link\"><\/i> URL\n                <\/button>\n                <span class=\"toggle-hint\">\n                    <i class=\"fas fa-info-circle\"><\/i>\n                    Origin = entire domain aggregated, URL = specific page only\n                <\/span>\n            <\/div>\n\n            <!-- Comparison Table (shown first) -->\n            <div class=\"comparison-table-section\" id=\"comparisonTableSection\" style=\"display: none;\">\n                <h2><i class=\"fas fa-table\"><\/i> Side-by-Side Comparison<\/h2>\n                <p class=\"collection-period-info\" id=\"collectionPeriodInfo\" style=\"display: none;\"><\/p>\n                <div class=\"table-container\">\n                    <table class=\"comparison-table\">\n                        <thead id=\"comparisonTableHead\"><\/thead>\n                        <tbody id=\"comparisonTableBody\"><\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <!-- Bar Chart Comparison -->\n            <div class=\"bar-chart-section\" id=\"barChartSection\" style=\"display: none;\">\n                <h2><i class=\"fas fa-chart-bar\"><\/i> Visual Comparison<\/h2>\n                <div class=\"chart-container\">\n                    <canvas id=\"comparisonBarChart\"><\/canvas>\n                <\/div>\n            <\/div>\n\n            <!-- Historical Performance -->\n            <div class=\"history-section\">\n                <div class=\"history-header\">\n                    <h2><i class=\"fas fa-chart-area\"><\/i> Historical Performance (Up to 40 Weeks)<\/h2>\n                    <div class=\"metric-selector\" id=\"metricSelector\"><\/div>\n                <\/div>\n                <div class=\"chart-container\">\n                    <canvas id=\"historyChart\"><\/canvas>\n                <\/div>\n            <\/div>\n\n            <!-- Individual Domain Details (at bottom) -->\n            <div class=\"domain-details-section\">\n                <h2><i class=\"fas fa-list-alt\"><\/i> Individual Domain Details<\/h2>\n                <div class=\"comparison-grid\" id=\"comparisonGrid\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <script src=\"\/wp-content\/viu-free-seo-tools\/config.js\"><\/script>\n    <script type=\"module\" src=\"\/wp-content\/viu-free-seo-tools\/crux-comparison.js\"><\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5f040d e-flex e-con-boxed e-con e-parent\" data-id=\"d5f040d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5545bfa elementor-widget elementor-widget-elementskit-heading\" data-id=\"5545bfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">What This Tool Does<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<div class=\"section-header\">\n<p class=\"section-subtitle\">Understand real-world website performance using data from actual Chrome users<\/p>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6607e1c e-con-full e-grid e-con e-child\" data-id=\"6607e1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d4e047 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"0d4e047\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active  hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <svg aria-hidden=\"true\" class=\"elementkit-infobox-icon e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Core Web Vitals Comparison                <\/h3>\n                        \t\t  \t<p>Compare the three Core Web Vitals (LCP, INP, CLS) that directly impact your Google search ranking across multiple domains.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5059487 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"5059487\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active  hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <svg aria-hidden=\"true\" class=\"elementkit-infobox-icon e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Real User Data                <\/h3>\n                        \t\t  \t<p>Get performance metrics from actual Chrome users, not synthetic lab tests. This is the same data Google uses for ranking.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4d9b53 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"c4d9b53\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active  hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <svg aria-hidden=\"true\" class=\"elementkit-infobox-icon e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    40 Weeks History                <\/h3>\n                        \t\t  \t<p>Track performance trends over 40 weeks to see how optimizations or changes have affected your site's speed over time.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-248e036 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"248e036\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active  hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <svg aria-hidden=\"true\" class=\"elementkit-infobox-icon e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Device-Specific Data                <\/h3>\n                        \t\t  \t<p>Analyze performance separately for mobile, desktop, and tablet users to optimize for your most important audience.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f9e79b ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"3f9e79b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active  hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <svg aria-hidden=\"true\" class=\"elementkit-infobox-icon e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Competitive Analysis                <\/h3>\n                        \t\t  \t<p>Compare your site against competitors to identify performance gaps and opportunities for improvement.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb8b65e ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"eb8b65e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active  hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <svg aria-hidden=\"true\" class=\"elementkit-infobox-icon e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    CrUX API Powered                <\/h3>\n                        \t\t  \t<p>Uses the official Chrome UX Report API for accurate, real-time data directly from Google's performance database.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eafa044 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eafa044\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-425ea51\" data-id=\"425ea51\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d92884e elementor-widget elementor-widget-heading\" data-id=\"d92884e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Need Continuous Monitoring? <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f17176 elementor-widget elementor-widget-heading\" data-id=\"2f17176\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Discover searchVIU<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dd9882 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1dd9882\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Automated CrUX Monitoring \u2013 Track Core Web Vitals changes automatically<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Long-Term History \u2013 Store and analyze performance data beyond the 25-week CrUX limit<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Smart Alerting \u2013 Get notified immediately when performance metrics cross thresholds<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">SEO Data Integration \u2013 Combine CrUX data with GSC and crawl data for complete SEO insights<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f3a088 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7f3a088\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/get-in-contact-increase-traffic-sales\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start Monitoring Your Site<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PageSpeed Comparison Tool Compare real-world performance data from Chrome User Experience Report (CrUX) for up to 3 URLs. Get current Core Web Vitals metrics and 40 weeks of historical data. Compare up to 3 URLs Real Chrome User Data 40 Weeks Historical Data Enter URLs to Compare (1-3 URLs) URL 1: URL 2: URL 3: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-8598","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Free PageSpeed Comparison Tool | SEO Data Warehouse And Monitoring<\/title>\n<meta name=\"description\" content=\"Detect 300+ technologies on any website for free. Analyze HTTP headers, JavaScript, and rendered DOM to uncover CDNs, frameworks, CMS platforms, and SEO tools.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free PageSpeed Comparison Tool | SEO Data Warehouse And Monitoring\" \/>\n<meta property=\"og:description\" content=\"Detect 300+ technologies on any website for free. Analyze HTTP headers, JavaScript, and rendered DOM to uncover CDNs, frameworks, CMS platforms, and SEO tools.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/\" \/>\n<meta property=\"og:site_name\" content=\"SEO Data Warehouse And Monitoring\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-16T14:15:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@searchviu\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/en\\\/pagespeed-comparison-tool\\\/\",\"url\":\"https:\\\/\\\/www.searchviu.com\\\/en\\\/pagespeed-comparison-tool\\\/\",\"name\":\"Free PageSpeed Comparison Tool | SEO Data Warehouse And Monitoring\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/#website\"},\"datePublished\":\"2025-12-16T14:09:31+00:00\",\"dateModified\":\"2025-12-16T14:15:28+00:00\",\"description\":\"Detect 300+ technologies on any website for free. Analyze HTTP headers, JavaScript, and rendered DOM to uncover CDNs, frameworks, CMS platforms, and SEO tools.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/en\\\/pagespeed-comparison-tool\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.searchviu.com\\\/en\\\/pagespeed-comparison-tool\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/en\\\/pagespeed-comparison-tool\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.searchviu.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PageSpeed Comparison Tool\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/#website\",\"url\":\"https:\\\/\\\/www.searchviu.com\\\/\",\"name\":\"SEO Data Warehouse And Monitoring\",\"description\":\"SEO Solutions For Teams And Agencies\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.searchviu.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/#organization\",\"name\":\"searchVIU\",\"url\":\"https:\\\/\\\/www.searchviu.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.searchviu.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/d3babe41-searchviu-logo2x.png\",\"contentUrl\":\"https:\\\/\\\/www.searchviu.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/d3babe41-searchviu-logo2x.png\",\"width\":340,\"height\":340,\"caption\":\"searchVIU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.searchviu.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/searchviu\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/searchviu\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free PageSpeed Comparison Tool | SEO Data Warehouse And Monitoring","description":"Detect 300+ technologies on any website for free. Analyze HTTP headers, JavaScript, and rendered DOM to uncover CDNs, frameworks, CMS platforms, and SEO tools.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/","og_locale":"en_US","og_type":"article","og_title":"Free PageSpeed Comparison Tool | SEO Data Warehouse And Monitoring","og_description":"Detect 300+ technologies on any website for free. Analyze HTTP headers, JavaScript, and rendered DOM to uncover CDNs, frameworks, CMS platforms, and SEO tools.","og_url":"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/","og_site_name":"SEO Data Warehouse And Monitoring","article_modified_time":"2025-12-16T14:15:28+00:00","twitter_card":"summary_large_image","twitter_site":"@searchviu","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/","url":"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/","name":"Free PageSpeed Comparison Tool | SEO Data Warehouse And Monitoring","isPartOf":{"@id":"https:\/\/www.searchviu.com\/#website"},"datePublished":"2025-12-16T14:09:31+00:00","dateModified":"2025-12-16T14:15:28+00:00","description":"Detect 300+ technologies on any website for free. Analyze HTTP headers, JavaScript, and rendered DOM to uncover CDNs, frameworks, CMS platforms, and SEO tools.","breadcrumb":{"@id":"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.searchviu.com\/en\/pagespeed-comparison-tool\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.searchviu.com\/en\/"},{"@type":"ListItem","position":2,"name":"PageSpeed Comparison Tool"}]},{"@type":"WebSite","@id":"https:\/\/www.searchviu.com\/#website","url":"https:\/\/www.searchviu.com\/","name":"SEO Data Warehouse And Monitoring","description":"SEO Solutions For Teams And Agencies","publisher":{"@id":"https:\/\/www.searchviu.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.searchviu.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.searchviu.com\/#organization","name":"searchVIU","url":"https:\/\/www.searchviu.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.searchviu.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.searchviu.com\/wp-content\/uploads\/2023\/02\/d3babe41-searchviu-logo2x.png","contentUrl":"https:\/\/www.searchviu.com\/wp-content\/uploads\/2023\/02\/d3babe41-searchviu-logo2x.png","width":340,"height":340,"caption":"searchVIU"},"image":{"@id":"https:\/\/www.searchviu.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/searchviu","https:\/\/www.linkedin.com\/company\/searchviu\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/pages\/8598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/comments?post=8598"}],"version-history":[{"count":19,"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/pages\/8598\/revisions"}],"predecessor-version":[{"id":8618,"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/pages\/8598\/revisions\/8618"}],"wp:attachment":[{"href":"https:\/\/www.searchviu.com\/en\/wp-json\/wp\/v2\/media?parent=8598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}