الحكم النهائي: الهروب من "منطقة الخطر"؛ كيف حولنا أضواء الموقع إلى الأخضر بمساعدة جيش من الذكاء الاصطناعي؟ (قصة تحسين واقعية مع Trae و Claude)
مقالات تحلیلی

الحكم النهائي: الهروب من "منطقة الخطر"؛ كيف حولنا أضواء الموقع إلى الأخضر بمساعدة جيش من الذكاء الاصطناعي؟ (قصة تحسين واقعية مع Trae و Claude)

#669معرف المقالة
متابعة القراءة
هذه المقالة متوفرة باللغات التالية:

انقر لقراءة هذه المقالة بلغة أخرى

۱. المقدمة: اعترافات صادقة لمشرف موقع

مرحباً يا رفاق، معكم مجيد.
اليوم، أريد أن أزيل الستار وأشارككم حقيقة مؤلمة بعض الشيء، ولكنها تعليمية للغاية. حتى وقت قريب جداً، إذا قمت بفحص موقع "Tekin Game" عبر أدوات اختبار جوجل (PageSpeed Insights)، كنت ستواجه مشهداً مرعباً: درجات تتراوح بين 40 و 50، ألوان حمراء وبرتقالية تحذيرية، وأخطاء فنية كانت تعمل مثل "مكابح اليد"، تمنع الموقع من الانطلاق.
كنا نملك محتوى رائعاً، لكن الوضع "تحت الغطاء" (Under the hood) لم يكن جيداً.
ما هو الحل؟ هل نوظف فريقاً تقنياً ضخماً وننفق ميزانية هائلة؟ أم نثق في تكنولوجيا المستقبل؟ لقد اخترت الطريق الثاني. قررت هدم أكواد الموقع وإعادة بنائها باستخدام أحدث أدوات الذكاء الاصطناعي (التي لا يعرف الجمهور العام الكثير منها حتى الآن).

۲. التحقق من الواقع: خرافة الـ 100 الثابتة

تصویر 1

قبل أن نغوص في الأدوات، دعوني أوضح نقطة تقنية حاسمة. في لقطات الشاشة التي ترونها، حققنا درجات 100، ولكن هل يعني هذا أن سرعة الموقع هي دائماً 100 في كل ثانية؟
الإجابة المختصرة: لا. وأي شخص يعدك بـ "100 دائمة" فهو لا يقول الحقيقة.

۲.۱. لماذا تتقلب الدرجات؟

تعمل أداة Google PageSpeed Insights عن طريق المحاكاة. في كل مرة تضغط فيها على زر "تحليل"، تقوم جوجل بتشغيل جهاز افتراضي في مركز بيانات مختلف (قد يكون في أمريكا أو أوروبا أو آسيا)، ثم تقوم بخنق الشبكة لمحاكاة اتصال 4G بطيء.
بسبب هذا، قد تجري اختباراً الآن وتحصل على 98، وبعد دقيقتين تحصل على 92، وفي المرة الثالثة تصل إلى 100.
هذا التقلب طبيعي جداً. هدفنا في هذا المشروع لم يكن "مطاردة الرقم 100 المطلق" (لأنه مجرد رقم). هدفنا كان "الهروب من المنطقة الحمراء" والوصول إلى "الاستقرار في المنطقة الخضراء" (فوق 90). وهذا هو المكان الذي صنع فيه الذكاء الاصطناعي المعجزات.

تصویر 2

۳. تقديم فريق الجراحة الرقمية

لإنجاز هذه "المهمة المستحيلة"، لم أكتب الكود بمفردي. استخدمت "جيشاً غير مرئي" من أدوات الذكاء الاصطناعي التي لعبت دور "كبير المطورين" (Senior Developer).

۳.۱. Trae: المساعد الذي يقرأ الأفكار

سلاحنا الأول كان المحرر القوي Trae. الفرق بين Trae وغيره هو أنه يفهم "السياق" (Context) للمشروع بأكمله. عندما كنت أرغب في تخفيف جزء من ترويسة الموقع (Header)، حذرني Trae قبل أن أكتب الكود بأن هذا التغيير قد يسبب خطأً في القائمة على الهاتف المحمول. هذا المستوى من الذكاء ضاعف سرعة عملنا 10 مرات.

تصویر 3

۳.۲. Claude 4.5 Opus: العقل المدبر

للأجزاء المعقدة، لجأت إلى "وحش" النماذج اللغوية: Claude Opus 4.5.
كنت أعطيه أكواد CSS و JavaScript القديمة والفوضوية وأقول له: "تخيل أنك مهندس أداء في جوجل. أعد كتابة هذا المنطق ليحقق نفس النتيجة، ولكن باستهلاك ذاكرة أقل بنسبة 50٪."
النتائج كانت مذهلة. كتب Claude أكواداً نظيفة، حديثة، وسريعة التنفيذ للغاية.

۳.۳. Amazon Kiro و Antigravity

وأخيراً، الأدوات المتخصصة مثل Amazon Kiro التي تعمل كمحققين للأخطاء (Debuggers). عندما اشتكت جوجل من أن "عرض الصور بطيء"، حدد Kiro السطر الدقيق للكود الذي يسبب المشكلة وقدم الحل فوراً.

تصویر 4

٤. تقرير العملية: كيف أنقذنا الموقع؟

دعونا نلقي نظرة على النتائج الملموسة لهذا التعاون بين الإنسان والذكاء الاصطناعي (انظروا إلى صورة قبل وبعد):

٤.۱. الأداء (Performance): الحرب ضد الانتفاخ

هذا هو الجزء الأهم! بمساعدة AI قمنا بما يلي:

  • تحديد وإزالة جافا سكريبت غير المستخدمة (Unused JS).
  • أتمتة ضغط الصور وتحويلها إلى تنسيقات الجيل الجديد (WebP/AVIF).
  • إعادة هيكلة أولويات التحميل ليتم رسم الموقع (First Contentful Paint) في أقل من ثانية واحدة.
النتيجة؟ قفزة هائلة من درجة 48 الفاشلة إلى متوسط ثابت بين 95 و 100.

٤.۲. إمكانية الوصول (Accessibility)

هذا ليس مجرد شيء لطيف؛ إنه عامل أساسي في تصنيف جوجل. لعب الذكاء الاصطناعي دور "مستخدم كفيف"، وقام بمسح الموقع وأخبرنا أين كان تباين الألوان منخفضاً أو أين تفتقد الأزرار للتسميات. إصلاح هذه الأمور أوصلنا إلى العلامة الكاملة.

٥. مستقبل Tekin Plus (تشويق)

قد تتساءل: لماذا أكشف هذه الأسرار التقنية؟
لأن Tekin Plus سيكون أكثر من مجرد موقع إخباري؛ سيكون جامعة.
لدي خطة كبيرة. قريباً، سأنشر مقاطع فيديو "خلف الكواليس" على قناتنا على يوتيوب وهنا في الموقع. أريد أن أريكم لوحة المسؤول (Admin Panel) المخصصة التي بنيتها بالكامل باستخدام أدوات الذكاء الاصطناعي هذه.
أريد أن أعلمكم كيف يمكنكم استخدام Trae و Claude لإحداث ثورة في مشاريعكم الخاصة.

٦. الحكم النهائي (The Verdict)

هل سيحل الذكاء الاصطناعي محل المبرمجين؟
حكمنا النهائي في صفحة AI-Verdict هو: الذكاء الاصطناعي لن يحل محل البشر، بل سيحل محل البشر الذين يرفضون استخدامه.
نحن لم نخدع جوجل بهذه الدرجات؛ لقد احترمنا معايير الويب باستخدام أفضل التقنيات المتاحة. هذه الأضواء الخضراء ليست مجرد أرقام؛ إنها توقيع حقبة جديدة في Tekin Plus.
المخلص لكم، مجيد - Tekin Game

author_of_article

مجيد قرباني نجاد

مجيد قرباني نجاد، مصمم ومحلل عالم التكنولوجيا والألعاب في TekinGame. شغوف بدمج الإبداع مع التكنولوجيا وتبسيط التجارب المعقدة للمستخدمين. تركيزه الرئيسي على مراجعات الأجهزة والدروس العملية وإنشاء تجارب مستخدم مميزة.

متابعة الكاتب

مشاركة المقالة

جدول المحتويات

الحكم النهائي: الهروب من "منطقة الخطر"؛ كيف حولنا أضواء الموقع إلى الأخضر بمساعدة جيش من الذكاء الاصطناعي؟ (قصة تحسين واقعية مع Trae و Claude)