Lompati ke konten utama

制作事例

Hub Mini-Game Sangat Ringan

Peningkatan performa, lokalisasi dwibahasa, dan SEO global untuk koleksi 279 mini-game yang dapat dimainkan di browser

  • Hub Mini-Game
  • Astro / TS
  • Dwibahasa i18n
  • Kecepatan Tinggi
Mockup PC yang menampilkan Hub Mini-Game Sangat Ringan

プロジェクト詳細

Project Overview

Sebuah proyek yang berfokus pada peningkatan fungsi, lokalisasi bahasa Jepang-Inggris, dan SEO global untuk platform koleksi mini-game browser tanpa instalasi dan pemuatan cepat (total 279 game) yang dibangun dengan Astro dan TypeScript.

Project Goal

  • Menyediakan lingkungan game bebas stres yang diluncurkan dalam hitungan detik untuk memberikan pengalaman pengguna yang lancar.
  • Membersihkan kualitas dengan mengarsipkan game yang tidak stabil dan menyelesaikan bug input klik/sentuh.
  • Meningkatkan lalu lintas domestik dan internasional melalui terjemahan dwibahasa dan SEO terarah.

Scope of Work

  • Pemisahan kode dan pengoptimalan jejak ringan menggunakan Astro dan Vanilla JS
  • Menerapkan sistem pengalihan dwibahasa i18n untuk menu, aturan permainan, dan instruksi menggunakan parameter URL
  • Menyematkan data skema JSON-LD dan tag bahasa alternate untuk pengoptimalan mesin pencari global
  • Memperbaiki koordinat klik dan sentuh yang meleset di game seperti Gomoku yang disebabkan oleh batas viewport dan pengubahan ukuran
  • Mengembangkan pembuat level otomatis untuk Color Sort untuk memverifikasi secara matematis dan menghasilkan tingkat yang dapat diselesaikan saja
  • Menyaring game khusus PC secara otomatis pada akses layar seluler dan menambahkan label platform (Khusus PC / Siap Seluler)
  • Merancang bingkai iklan sidebar responsif untuk layar yang lebih lebar dari 1640px untuk mencegah tumpang tindih dengan area gameplay

Key Highlights

  • Memanfaatkan terjemahan dwibahasa berbasis skrip alih-alih membuat file duplikat per bahasa untuk menjaga kecepatan situs dan mempertahankan nilai SEO.
  • Menerapkan kompensasi batas otomatis untuk mencapai akurasi reaksi klik piksel-demi-piksel di berbagai viewport dan status pengubahan ukuran.
  • Memprioritaskan pengalaman pengguna dengan menyaring game PC yang tidak dapat dimainkan dari daftar tata letak seluler, menghemat data dan klik.
  • Mengintegrasikan placeholder tata letak iklan yang berukuran sebelumnya untuk menghilangkan lompatan tata letak Cumulative Layout Shift (CLS) selama pemuatan.