Logo HEROTOTOHEROTOTO
Fondasi teknis

Teknologi yang mendukung kecepatan, keterbacaan, dan stabilitas

Website publik HEROTOTO dibangun secara statis agar mudah dipasang di cPanel, ringan dirender, dan tidak bergantung pada database untuk menampilkan konten utama.

Ringkasan teknis

Teknologi apa yang digunakan?

Website HEROTOTO menggunakan HTML5 semantik, CSS responsif, JavaScript vanilla yang minimal, aset lokal, JSON-LD, sitemap XML, robots.txt, dan konfigurasi Apache melalui .htaccess. Tidak ada framework front-end berat atau font eksternal pada halaman publik.

Arsitektur statis

Setiap URL utama dipetakan ke file HTML yang dapat disajikan langsung oleh Apache. Pendekatan ini mengurangi proses server, menghilangkan kebutuhan query database untuk halaman profil, dan mempermudah deployment pada shared hosting cPanel.

Routing extensionless diterapkan melalui .htaccess, sehingga file seperti tentang.html dapat diakses sebagai /tentang. Canonical mengarah ke URL extensionless yang sama untuk menjaga konsistensi indeks.

Render dan aset

Stylesheet dan JavaScript disimpan secara lokal. Ilustrasi utama memakai SVG ringan dengan dimensi tetap, sedangkan gambar sosial menggunakan PNG 1200 × 630 piksel. Setiap media memiliki atribut ukuran untuk mengurangi perubahan tata letak saat memuat.

JavaScript hanya menangani menu mobile, tahun pada footer, dan penyusunan email dari formulir kontak. Konten, navigasi, serta FAQ tetap dapat dibaca tanpa JavaScript.

SEO teknis

  • Title dan meta description unik pada setiap halaman.
  • Canonical, hreflang id-ID, Open Graph, dan Twitter Card.
  • Organization, WebSite, WebPage, BreadcrumbList, FAQPage, dan Service schema sesuai konteks.
  • Sitemap XML berisi seluruh URL yang dapat diindeks.
  • Robots.txt membuka akses crawler dan menunjuk sitemap.
  • Halaman 404 khusus dengan tautan kembali ke area penting.

Aksesibilitas dan mobile

Struktur heading mengikuti urutan logis, navigasi memiliki label ARIA, fokus keyboard terlihat, elemen dekoratif tidak membawa informasi penting, dan animasi dinonaktifkan ketika pengguna memilih reduced motion.

Cache dan kompresi

.htaccess mengaktifkan kompresi apabila mod_deflate tersedia, menetapkan cache panjang untuk gambar, CSS, dan JavaScript, serta cache lebih pendek untuk HTML. Header keamanan dasar juga ditambahkan ketika modul server mendukungnya.

Hasil PageSpeed nyata tetap bergantung pada kualitas hosting, TTFB, CDN, konfigurasi server, dan perubahan aset setelah website diunggah.