Skip to content

[WIP] Fix Lighthouse scores below acceptable thresholds #260

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DavidKRK merged 6 commits into from
Jun 2, 2026
Merged

[WIP] Fix Lighthouse scores below acceptable thresholds #260

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
b666795
Initial plan
Claude Jun 2, 2026
4054baf
fix: improve touch target sizes for accessibility
Claude Jun 2, 2026
5d37be1
perf: remove non-existent responsive.css reference
Claude Jun 2, 2026
4f48ef5
perf: improve CLS and lazy loading for images
Claude Jun 2, 2026
39f0418
Fix review feedback on image loading
Copilot Jun 2, 2026
b207a38
Merge origin/gh-pages and resolve index conflict
Copilot Jun 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 14 additions & 5 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -282,12 +282,14 @@ body {
.hero-header a {
display: inline-flex;
align-items: center;
justify-content: center;
color: white;
text-decoration: none;
margin: 0 1rem;
margin: 0 0.5rem;
font-size: 1.2rem;
min-height: 44px;
padding: 0.4rem 0.35rem;
min-width: 44px;
padding: 0.6rem 0.75rem;
line-height: 1.2;
transition: color 0.3s ease;
}
Expand Down Expand Up @@ -473,7 +475,10 @@ footer {

.hero-header a {
font-size: 0.9rem;
margin: 0 0.35rem;
margin: 0 0.25rem;
padding: 0.6rem 0.5rem;
min-height: 44px;
min-width: 44px;
}


Expand Down Expand Up @@ -523,7 +528,9 @@ footer {
background: rgba(255, 255, 255, 0.1);
border: none;
color: white;
padding: 0.5rem 1rem;
padding: 0.75rem 1.25rem;
min-height: 44px;
min-width: 44px;
border-radius: 2rem;
cursor: pointer;
transition: var(--transition);
Expand Down Expand Up @@ -782,7 +789,9 @@ footer {
background: rgba(0,0,0,0.7);
color: #00ff00;
border: 2px solid #00ff00;
padding: 10px 15px;
padding: 12px 18px;
min-height: 44px;
min-width: 44px;
border-radius: 20px;
cursor: pointer;
transition: all 0.3s;
Expand Down
1 change: 0 additions & 1 deletion index.html
View file
Open in desktop
Comment thread
DavidKRK marked this conversation as resolved.
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,6 @@
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></noscript>
<!-- CSS principal -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body class="home-page">

Expand Down
24 changes: 12 additions & 12 deletions shop.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,10 +82,10 @@ <h2 class="mt-4">Boutique Officielle</h2>
<p>Scannez le QR code pour commander votre T‑shirt et rejoindre le mouvement.</p>
</div>
<div class="product-image mt-6">
<img src="images/tshirt-davidkrk.png" alt="T-shirt officiel David KRK porté, coupe premium, logo noir sur fond blanc" width="400" height="400">
<img src="images/tshirt-davidkrk.png" alt="T-shirt officiel David KRK porté, coupe premium, logo noir sur fond blanc" width="400" height="400" loading="lazy">
</div>
<div class="mt-6">
<img src="images/qr-tshirt-boutique.png" alt="QR code pour commander le T‑shirt officiel David KRK à 24,90 euros frais de port inclus" width="200" height="200">
<img src="images/qr-tshirt-boutique.png" alt="QR code pour commander le T‑shirt officiel David KRK à 24,90 euros frais de port inclus" width="200" height="200" loading="lazy">
Comment thread
DavidKRK marked this conversation as resolved.
</div>
</div>

Expand All @@ -100,10 +100,10 @@ <h2 class="mt-4">Official Shop</h2>
<p>Scan the QR code to order your T‑shirt and join the movement.</p>
</div>
<div class="product-image mt-6">
<img src="images/tshirt-davidkrk.png" alt="Official David KRK T-shirt, premium fit, black logo on white" width="400" height="400">
<img src="images/tshirt-davidkrk.png" alt="Official David KRK T-shirt, premium fit, black logo on white" width="400" height="400" loading="lazy">
</div>
<div class="mt-6">
<img src="images/qr-tshirt-boutique.png" alt="QR code to order the official David KRK T-shirt for 24.90 euros including shipping" width="200" height="200">
<img src="images/qr-tshirt-boutique.png" alt="QR code to order the official David KRK T-shirt for 24.90 euros including shipping" width="200" height="200" loading="lazy">
</div>
</div>

Expand All @@ -118,10 +118,10 @@ <h2 class="mt-4">Tienda Oficial</h2>
<p>Escanea el código QR para pedir tu camiseta y unirte al movimiento.</p>
</div>
<div class="product-image mt-6">
<img src="images/tshirt-davidkrk.png" alt="Camiseta oficial David KRK, corte premium, logo negro sobre blanco" width="400" height="400">
<img src="images/tshirt-davidkrk.png" alt="Camiseta oficial David KRK, corte premium, logo negro sobre blanco" width="400" height="400" loading="lazy">
</div>
<div class="mt-6">
<img src="images/qr-tshirt-boutique.png" alt="Código QR para pedir la camiseta oficial David KRK por 24,90 euros con envío incluido" width="200" height="200">
<img src="images/qr-tshirt-boutique.png" alt="Código QR para pedir la camiseta oficial David KRK por 24,90 euros con envío incluido" width="200" height="200" loading="lazy">
</div>
</div>

Expand All @@ -136,10 +136,10 @@ <h2 class="mt-4">Denda Ofiziala</h2>
<p>Eskaneatu QR kodea zure kamiseta eskatzeko eta mugimenduarekin bat egiteko.</p>
</div>
<div class="product-image mt-6">
<img src="images/tshirt-davidkrk.png" alt="David KRK kamiseta ofiziala, premium mozketa, logo beltza zurian" width="400" height="400">
<img src="images/tshirt-davidkrk.png" alt="David KRK kamiseta ofiziala, premium mozketa, logo beltza zurian" width="400" height="400" loading="lazy">
</div>
<div class="mt-6">
<img src="images/qr-tshirt-boutique.png" alt="QR kodea David KRK kamiseta ofiziala 24,90 eurotan, bidalketa barne, eskatzeko" width="200" height="200">
<img src="images/qr-tshirt-boutique.png" alt="QR kodea David KRK kamiseta ofiziala 24,90 eurotan, bidalketa barne, eskatzeko" width="200" height="200" loading="lazy">
</div>
</div>

Expand All @@ -154,10 +154,10 @@ <h2 class="mt-4">المتجر الرسمي</h2>
<p>امسح رمز QR لطلب القميص والانضمام إلى الحركة.</p>
</div>
<div class="product-image mt-6">
<img src="images/tshirt-davidkrk.png" alt="تي شيرت ديفيد كرك الرسمي، جودة عالية، شعار أسود على خلفية بيضاء" width="400" height="400">
<img src="images/tshirt-davidkrk.png" alt="تي شيرت ديفيد كرك الرسمي، جودة عالية، شعار أسود على خلفية بيضاء" width="400" height="400" loading="lazy">
</div>
<div class="mt-6">
<img src="images/qr-tshirt-boutique.png" alt="رمز QR لطلب تي شيرت ديفيد كرك الرسمي بسعر 24.90 يورو مع الشحن" width="200" height="200">
<img src="images/qr-tshirt-boutique.png" alt="رمز QR لطلب تي شيرت ديفيد كرك الرسمي بسعر 24.90 يورو مع الشحن" width="200" height="200" loading="lazy">
</div>
</div>

Expand All @@ -172,10 +172,10 @@ <h2 class="mt-4">Офіційний магазин</h2>
<p>Скануй QR‑код, щоб замовити футболку та приєднатися до руху.</p>
</div>
<div class="product-image mt-6">
<img src="images/tshirt-davidkrk.png" alt="Офіційна футболка David KRK, преміальний крій, чорний логотип на білому" width="400" height="400">
<img src="images/tshirt-davidkrk.png" alt="Офіційна футболка David KRK, преміальний крій, чорний логотип на білому" width="400" height="400" loading="lazy">
</div>
<div class="mt-6">
<img src="images/qr-tshirt-boutique.png" alt="QR‑код для замовлення офіційної футболки David KRK за 24,90 євро з доставкою" width="200" height="200">
<img src="images/qr-tshirt-boutique.png" alt="QR‑код для замовлення офіційної футболки David KRK за 24,90 євро з доставкою" width="200" height="200" loading="lazy">
</div>
</div>
</main>
Expand Down
Loading