محمد الغنام

القسم 08 من 09

هندسة الموقع

08هندسة الموقع

أُعيد بناء salsabeel-re.ae من WordPress إلى موقع Astro ثابت على Cloudflare Workers مع واجهة Worker صغيرة، وصفحات ثنائية اللغة لكل مشروع، ومدونة للظهور في محركات الإجابة، والتتبع الموصوف أعلاه.

قبل
40
LCP 9–10 ث
بعد
98
LCP ≈2 ث
  • الأداء⁦: Lighthouse⁩ للموبايل من نحو 40 إلى 96–100، وLCP من 9–10 ثوانٍ إلى نحو ثانيتين، وانزياح التخطيط قرب الصفر. سكريبتات التتبع تُحمَّل عند أول تفاعل أو بعد 3.5 ثانية بينما أحداث مشاهدة الصفحة تُصَفّ فوراً بمعرّفاتها؛ خطوط مستضافة ذاتياً بالمجموعتين اللاتينية والعربية؛ صور رئيسية WebP مع srcset.
  • الحركة⁦: GSAP⁩ وLenis وجزر React على سطح المكتب فقط، تُحمَّل بعد أن تصبح الصفحة تفاعلية؛ عناصر التحويل لا تتحرك في الطريق أبداً.
  • مسار العميل⁦: /api/lead⁩ مع Turnstile وhoneypot وحدّ معدل؛ beacon عبر ⁦/api/ev⁩ لأحداث التصفح من الخادم؛ روابط واتساب قصيرة ⁦/w/<code>⁩ بمرجع لكل مندوب؛ ⁦/api/sheet⁩ يرسم ورقة السداد؛ ⁦/api/chat⁩ يخدم مساعد الموقع.
  • المحتوى وAEO: صفحات المشروعات بأرقام الضمان والتصاريح، ومخططات الطوابق، وخطط السداد، والأسئلة الشائعة، ودليل الشراء في عجمان كمغناطيس عملاء، ومدونة، وsitemap.xml وllms.txt، وhreflang عربي/إنجليزي، وسياسة خصوصية ونصوص موافقة مراجَعة وفق PDPL.
  • التحقق: فحوص Playwright بعد كل تغيير على 390 و1440 بكسل لأخطاء الكونسول والتجاوز وأحداث التتبع؛ الدفع إلى main ينشر عبر Workers Builds.

تريد هذا لمشروعاتك؟

المنظومة كلها أو جزء منها. واتساب أسرع وسيلة.