मुख्य सामग्री पर जाएं

制作事例

सुपर लाइटवेट मिनी-गेम हब

279 ब्राउज़र-चलाने योग्य मिनी-गेम के संग्रह के लिए प्रदर्शन में सुधार, द्विभाषी स्थानीयकरण और वैश्विक SEO

  • मिनी-गेम हब
  • Astro / TS
  • द्विभाषी i18n
  • उच्च गति
सुपर लाइटवेट मिनी-गेम हब प्रदर्शित करने वाले पीसी का मॉकअप

プロジェクト詳細

Project Overview

Astro और TypeScript के साथ निर्मित एक बिना इंस्टॉलेशन और त्वरित-लोडिंग वाली ब्राउज़र मिनी-गेम संग्रह प्लेटफ़ॉर्म (कुल 279 गेम) के लिए कार्य सुधार, जापानी-अंग्रेज़ी स्थानीयकरण और वैश्विक SEO पर केंद्रित एक परियोजना।

Project Goal

  • एक सहज उपयोगकर्ता अनुभव प्रदान करने के लिए सेकंडों में शुरू होने वाला तनाव-मुक्त गेमिंग वातावरण प्रदान करना।
  • अस्थिर खेलों को हटाकर और क्लिक/टच इनपुट त्रुटियों को हल करके गुणवत्ता को साफ करना।
  • द्विभाषी अनुवाद और लक्षित SEO के माध्यम से घरेलू और अंतर्राष्ट्रीय ट्रैफ़िक बढ़ाना।

Scope of Work

  • Astro और Vanilla JS का उपयोग करके कोड विभाजन और हल्के फ़ुटप्रिंट अनुकूलन
  • URL मापदंडों का उपयोग करके मेनू, खेल के नियमों और निर्देशों के लिए द्विभाषी i18n स्विचिंग सिस्टम लागू किया
  • वैश्विक खोज इंजन अनुकूलन के लिए JSON-LD स्कीमा डेटा और वैकल्पिक hreflang टैग एम्बेड किए गए
  • व्यूपोर्ट सीमाओं और आकार बदलने के कारण गोमोकू जैसे खेलों में क्लिक और टच निर्देशांक ऑफ़सेट को ठीक किया
  • गणितीय रूप से सत्यापित करने और केवल हल करने योग्य चरणों को आउटपुट करने के लिए Color Sort के लिए एक स्वचालित चरण जनरेटर विकसित किया
  • मोबाइल स्क्रीन एक्सेस पर केवल-पीसी गेम को स्वचालित रूप से फ़िल्टर किया और प्लेटफ़ॉर्म लेबल (केवल पीसी / मोबाइल तैयार) जोड़े
  • गेमप्ले क्षेत्र के साथ ओवरलैपिंग को रोकने के लिए 1640px से व्यापक स्क्रीन के लिए उत्तरदायी साइडबार विज्ञापन फ्रेम तैयार किए

Key Highlights

  • साइट की गति को बनाए रखने और SEO मूल्य बनाए रखने के लिए प्रति भाषा डुप्लिकेट फ़ाइलें बनाने के बजाय स्क्रिप्ट-संचालित द्विभाषी अनुवाद का लाभ उठाया।
  • विभिन्न व्यूपोर्ट और आकार बदलने की स्थितियों में पिक्सेल-परफेक्ट हिट प्रतिक्रिया सटीकता प्राप्त करने के लिए स्वचालित सीमा ऑफ़सेट लागू किया।
  • मोबाइल लेआउट सूचियों से गैर-चलाने योग्य पीसी गेम को पूर्व-फ़िल्टर करके उपयोगकर्ता अनुभव को प्राथमिकता दी, जिससे डेटा और क्लिक की बचत हुई।
  • लोड के दौरान संचयी लेआउट बदलाव (CLS) लेआउट जंप को समाप्त करने के लिए पूर्व-आकार के विज्ञापन लेआउट स्लॉट प्लेसहोल्डर को एकीकृत किया।
साइट देखें Consult on development