---
title: PageSpeed Insights Comparator
emoji: 🚀
colorFrom: blue
colorTo: green
sdk: gradio
sdk_version: 4.44.0
app_file: app.py
pinned: false
license: mit
---

# PageSpeed Insights Comparator

Compare análises do PageSpeed Insights para monitorar melhorias em Core Web Vitals ao longo do tempo.

## Funcionalidades

- 📊 Comparação detalhada de métricas
- 🎯 Análise de Core Web Vitals (LCP, CLS, FCP, TBT)
- 🤖 Análise inteligente com OpenAI GPT-o1
- 📈 Visualização de melhorias e regressões
- 💡 Recomendações priorizadas
- 🔐 Autenticação OAuth2 com Google PageSpeed Insights API

## Configuração para Dados Reais

### 1. Criar Projeto Google Cloud
1. Acesse [Google Cloud Console](https://console.cloud.google.com/)
2. Crie um novo projeto
3. Ative a **PageSpeed Insights API**

### 2. Criar Service Account
1. Vá para **IAM & Admin** → **Service Accounts**
2. Clique em **Create Service Account**
3. Conceda papel **Viewer** ou **Editor**
4. Baixe a chave JSON

### 3. Configurar no Hugging Face Space
1. **Settings** → **Variables and secrets**
2. Adicione:
   - `GOOGLE_SERVICE_ACCOUNT_JSON`: JSON completo da service account
   - `OPENAI_API_KEY`: Sua chave OpenAI (opcional)
3. Reinicie o Space

## Como usar

**Pré-requisito:** Configure o Google Service Account (veja seção acima)

1. Cole duas URLs de análises do PageSpeed Insights
2. Compare e receba análise detalhada