Halaman
Colophon
Cara situs ini dibangun, ditulis apa adanya — termasuk bagian yang belum selesai.
Kenapa dibangun ulang
Bukan WordPress lagi
Situs sebelumnya berjalan di atas WordPress dengan sekitar 47 plugin aktif. Situs ini dibangun dari hasil crawl beku situs lama — 870 halaman ditangkap dan dirender secara offline dengan jaringan diblokir penuh — lalu disusun ulang menjadi PHP semi-statis. Tidak ada plugin, dan tidak ada basis data di jalur permintaan. Satu halaman adalah satu berkas PHP kecil yang menyertakan satu berkas HTML statis sebagai isinya.
Markup situs turun dari 196,2 MB menjadi 33,7 MB — 83% lebih kecil — dan 237 KB berkas includes/ bersama melayani setiap halaman.
Huruf
Palatino Linotype dan Lato
Palatino Linotype adalah huruf penanda Hibrkraft, memimpin tumpukan judul, dengan Palatino, Book Antiqua, Iowan Old Style dan Georgia sebagai cadangan — dipilih karena proporsinya serupa. Tidak ada @font-face untuk huruf ini: Palatino sudah terpasang di macOS maupun Windows, jadi biayanya nol byte dan nol permintaan jaringan.
Lato memegang teks berjalan dan antarmuka; PT Serif datang dari tema lama. Keduanya kini dilayani sendiri — 16 berkas woff2, 157 KB, lisensi SIL Open Font License, dengan subset unicode-range per bahasa. Permintaan ke Google Fonts sekarang nol; sebelumnya tiga permintaan ditambah satu preconnect.
Warna
Antarmuka tanpa warna, produk yang berwarna
Logo Hibrkraft monokrom — 87,8% #101018 — sehingga antarmuka situs sengaja dibuat akromatik. Warna aksen satu-satunya adalah cokelat kulit #8A583C, diukur langsung dari fotografi produk situs ini, dan dipakai sekali saja per tampilan. Kulit dan bahan produk yang membawa warna; antarmuka tidak.
Teks dan gambar
Ukuran baca, dan gambar WebP
Lebar kolom teks berjalan dijaga di 45–75 karakter per baris; beberapa halaman lama berada di 164 karakter sebelum diperbaiki. Gambar disajikan sebagai WebP dengan varian berimbuhan lebar (-600x400, -1024x683, dan seterusnya), supaya peramban memuat ukuran yang sesuai layar tanpa mengunduh gambar penuh di ponsel.
Data terstruktur
Satu graph, bukan tiga
Situs lama mengirim tiga node Organization dan dua node WebSite di setiap halaman — tiga plugin berbeda, masing-masing mendeskripsikan perusahaan yang sama. Sekarang satu @graph JSON-LD saja per halaman.
Fotografi
Foto sendiri, logo mitra abu-abu
Semua fotografi produk dan bengkel adalah milik Hibrkraft sendiri, ditampilkan berwarna penuh. Satu-satunya gambar yang sengaja dibuat grayscale adalah logo mitra pihak ketiga — warna merek mereka, bukan milik situs ini untuk diubah.
Hosting
Rumahweb, dan Brotli yang aktif
Situs berjalan di hosting bersama Rumahweb, di atas Apache dan LiteSpeed. Kompresi Brotli aktif di jalur pengiriman — diukur pada satu halaman, 296.406 byte menjadi 46.801 byte.
Yang belum selesai
Ditulis apa adanya, bukan diklaim beres
Tema yang diwarisi dari situs lama masih memuat sekitar 27 stylesheet dan 44 script di halaman ini saja, dan tidak ada anggaran aset yang dipaksakan hari ini — ini adalah penataan ulang (restructured), bukan situs yang ringan. Menggabungkan berkas-berkas itu menjadi bundel yang lebih sedikit adalah pekerjaan lanjutan yang belum dikerjakan.
Pada data lapangan Google, 161 URL situs ini gagal ambang “LCP lebih dari 4 detik” di perangkat seluler. Itu bukan angka yang dirapikan di sini; itu ditinggalkan sebagai pekerjaan yang belum tuntas.
