Skip to content

Commit dac9d85

Browse files
ilyarilyar
committed
perf(site): address mobile pagespeed findings
1 parent aac85fb commit dac9d85

12 files changed

Lines changed: 38 additions & 16 deletions

File tree

‎public/404.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@
9999
</head>
100100
<body>
101101
<main>
102-
<img src="/favicon.png" alt="Ever Guild" />
102+
<img src="/favicon.png" alt="Ever Guild" width="96" height="96" />
103103
<p class="code">404 / Not found</p>
104104
<h1>This page is outside the guild map</h1>
105105
<p class="copy">The address may be outdated, moved, or mistyped. Return to the main Ever Guild site.</p>

‎src/assets/avatars/andrei-400.webp‎

5.22 KB
Loading

‎src/assets/avatars/andrei-640.webp‎

9.62 KB
Loading

‎src/assets/avatars/ilyar-400.webp‎

9.27 KB
Loading

‎src/assets/avatars/ilyar-640.webp‎

15.9 KB
Loading

‎src/assets/avatars/ppmarkek-400.webp‎

9.01 KB
Loading

‎src/assets/avatars/ppmarkek-640.webp‎

15.2 KB
Loading

‎src/components/sections/Contact.tsx‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,13 @@ export const Contact = React.memo(function Contact() {
2121
>
2222
<span className="contact__email-prompt" aria-hidden="true">▸</span>
2323
<span className="contact__email-text">in@ever-guild.net</span>
24-
<ArrowUpRight size={28} strokeWidth={1.8} className="contact__email-arrow" />
24+
<ArrowUpRight
25+
size={28}
26+
strokeWidth={1.8}
27+
className="contact__email-arrow"
28+
aria-hidden="true"
29+
focusable="false"
30+
/>
2531
</a>
2632

2733
<p className="contact__note">

‎src/components/sections/Services.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ export const Services = React.memo(function Services() {
6868
<article key={service.title} className="services__card">
6969
<div className="services__head">
7070
<span className="services__icon" aria-hidden="true">
71-
<service.Icon />
71+
<service.Icon aria-hidden="true" focusable="false" />
7272
</span>
7373
<span className="services__num" aria-hidden="true">
7474
{String(i + 1).padStart(2, '0')}
@@ -88,7 +88,7 @@ export const Services = React.memo(function Services() {
8888
className="services__tag"
8989
aria-hidden={i >= stack.length ? true : undefined}
9090
>
91-
<tech.Icon className="services__tag-icon" aria-hidden="true" />
91+
<tech.Icon className="services__tag-icon" aria-hidden="true" focusable="false" />
9292
{tech.name}
9393
</li>
9494
))}

‎src/components/sections/Team.tsx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,14 @@ import { SectionHeader } from "../ui/SectionHeader";
44
import { SiGithub } from "react-icons/si";
55
import { ArrowUpRight } from "lucide-react";
66
import iljarAvatar from "../../assets/avatars/ilyar.webp";
7+
import iljarAvatar400 from "../../assets/avatars/ilyar-400.webp";
8+
import iljarAvatar640 from "../../assets/avatars/ilyar-640.webp";
79
import ppmarkekAvatar from "../../assets/avatars/ppmarkek.webp";
10+
import ppmarkekAvatar400 from "../../assets/avatars/ppmarkek-400.webp";
11+
import ppmarkekAvatar640 from "../../assets/avatars/ppmarkek-640.webp";
812
import andreiAvatar from "../../assets/avatars/andrei.webp";
13+
import andreiAvatar400 from "../../assets/avatars/andrei-400.webp";
14+
import andreiAvatar640 from "../../assets/avatars/andrei-640.webp";
915
import "./Team.scss";
1016

1117
const team = [
@@ -14,6 +20,8 @@ const team = [
1420
role: "Senior Engineer · Web3 Lead",
1521
avatar: iljarAvatar,
1622
avatarSize: 800,
23+
avatar400: iljarAvatar400,
24+
avatar640: iljarAvatar640,
1725
github: "https://github.com/ilyar",
1826
handle: "ilyar",
1927
bio: "Leads Web3 infrastructure and backend systems – smart contracts in Rust and Solidity on TON and EVM, built to stay reliable.",
@@ -23,6 +31,8 @@ const team = [
2331
role: "Full-Stack · AI Engineer",
2432
avatar: ppmarkekAvatar,
2533
avatarSize: 800,
34+
avatar400: ppmarkekAvatar400,
35+
avatar640: ppmarkekAvatar640,
2636
github: "https://github.com/ppmarkek",
2737
handle: "ppmarkek",
2838
bio: "Builds full-stack products and AI automation – React, Next.js and Node.js for SaaS apps, dashboards and marketplaces.",
@@ -32,6 +42,8 @@ const team = [
3242
role: "Product Designer",
3343
avatar: andreiAvatar,
3444
avatarSize: 700,
45+
avatar400: andreiAvatar400,
46+
avatar640: andreiAvatar640,
3547
github: "https://github.com/Glazlk",
3648
handle: "Glazlk",
3749
bio: "Designs products end to end – UI/UX, prototypes and design systems for responsive web, with AI-assisted workflows.",
@@ -49,6 +61,8 @@ export const Team = React.memo(function Team() {
4961
<div className="team__photo">
5062
<img
5163
src={member.avatar}
64+
srcSet={`${member.avatar400} 400w, ${member.avatar640} 640w, ${member.avatar} ${member.avatarSize}w`}
65+
sizes="(min-width: 768px) 33vw, calc(100vw - 48px)"
5266
alt={member.name}
5367
className="team__avatar"
5468
loading="lazy"

0 commit comments

Comments
 (0)