۱. مقدمه: اعترافات صادقانه یک وبمستر
سلام رفقا، مجید هستم.
امروز میخوام پردهها رو کنار بزنم و یه حقیقت تلخ ولی آموزنده رو باهاتون در میون بذارم. تا همین چند وقت پیش، اگر سایت «تکین گیم» رو توی ابزارهای تست گوگل (PageSpeed Insights) بررسی میکردید، با یه صحنه ترسناک روبرو میشدید: امتیازهای ۴۰ و ۵۰، رنگهای قرمز و نارنجی، و خطاهای فنی که مثل ترمز دستی، جلوی پیشرفت سایت رو گرفته بودن.
ما محتوای خوبی داشتیم، ولی «زیر کاپوت» اوضاع خوب نبود.
راهحل چی بود؟ استخدام یه تیم فنی بزرگ و هزینه میلیاردی؟ یا اعتماد به تکنولوژی آینده؟ من راه دوم رو انتخاب کردم. من تصمیم گرفتم با استفاده از جدیدترین ابزارهای هوش مصنوعی (که خیلیاشون رو هنوز عموم مردم نمیشناسن)، کدهای سایت رو از نو بکوبم و بسازم.
۲. واقعیتسنجی: افسانه امتیاز ۱۰۰ ثابت
قبل از اینکه بریم سراغ ابزارها، بذارید یه نکته فنی خیلی مهم رو روشن کنم. توی اسکرینشاتهایی که میبینید، ما امتیازهای ۱۰۰ رو داریم، اما آیا این یعنی سرعت سایت همیشه و در هر ثانیه ۱۰۰ است؟
پاسخ کوتاه: خیر. و هرکس به شما قول ۱۰۰ همیشگی داد، دروغ میگوید.
۲.۱. چرا امتیازها نوسان دارند؟
ابزار Google PageSpeed Insights هر بار که شما دکمه Analyze رو میزنید، از یک دیتاسنتر متفاوت (ممکنه آمریکا، اروپا یا آسیا باشه) و با شبیهسازی یک اینترنت موبایل (معمولاً 4G کند) سایت شما رو تست میکنه.
به همین دلیل، ممکنه الان تست بزنید و امتیاز ۹۸ بگیرید، دو دقیقه بعد تست بزنید و بشه ۹۲، و بار سوم بشه ۱۰۰.
این نوسان طبیعیه. هدف ما در این پروژه «گرفتن عدد ۱۰۰ مطلق» نبود (چون اون فقط یه عدده). هدف ما «فرار از منطقه قرمز» و رسیدن به «ثبات در منطقه سبز» بود. و این همون جاییه که هوش مصنوعی معجزه کرد.
۳. معرفی تیم جراحی دیجیتال
برای انجام این مأموریت غیرممکن، من از یه «ارتش نامرئی» استفاده کردم. ابزارهایی که نقش برنامهنویس ارشد (Senior Developer) رو برام بازی کردن.
۳.۱. Trae: دستیاری که ذهنخوانی میکند
اولین ابزار، ادیتور قدرتمند Trae بود. فرق Trae با بقیه اینه که «Context» یا محتوای کل پروژه رو میفهمه. وقتی من میخواستم یه بخش از هدر سایت رو سبک کنم، Trae قبل از اینکه کدی بنویسم، بهم هشدار داد که این کار ممکنه روی موبایل باگ ایجاد کنه. این سطح از هوشمندی، سرعت کار ما رو ۱۰ برابر کرد.
۳.۲. Claude 4.5 Opus: مغز متفکر
برای بخشهای پیچیده، رفتم سراغ مدل زبانی Claude Opus 4.5.
من کدهای قدیمی و کثیف CSS و JS رو بهش میدادم و میگفتم: "فرض کن مهندس پرفورمنس گوگل هستی. این کد رو طوری بازنویسی کن که همون کار رو بکنه، ولی ۵۰ درصد سبکتر باشه."
نتیجه حیرتانگیز بود. کلود کدهایی رو نوشت که هم خوانا بودن و هم فوقالعاده سریع.
۳.۳. Amazon Kiro و Antigravity
و در نهایت، ابزارهای تخصصی مثل Amazon Kiro که برای دیباگ کردن (Debug) عالی هستن. وقتی گوگل ایراد میگرفت که "عکسها دیر لود میشن"، Kiro دقیقاً خطی رو پیدا کرد که باعث این مشکل میشد و راه حلش رو هم گذاشت کف دستم.
۴. گزارش عملیات: چطور سایت را نجات دادیم؟
بیایید نگاهی به نتیجه این همکاری انسان و هوش مصنوعی بندازیم (به تصویر قبل و بعد دقت کنید):
۴.۱. پرفورمنس (Performance)
مهمترین بخش! ما با کمک AI:
- کدهای جاوااسکریپت بلااستفاده (Unused JS) را حذف کردیم.
- فشردهسازی عکسها به فرمت WebP/AVIF را خودکار کردیم.
- چیدمان فایلها رو طوری تغییر دادیم که در اولین نگاه (First Contentful Paint) سایت زیر ۱ ثانیه لود بشه.
۴.۲. دسترسیپذیری (Accessibility)
این بخش برای گوگل خیلی مهمه. هوش مصنوعی مثل یک کاربر نابینا سایت رو چک کرد و به ما گفت کجاها کنتراست رنگ کمه یا دکمهها برچسب ندارن. اصلاح این موارد باعث شد امتیاز ما به ۱۰۰ کامل برسه.
۵. آینده تکین پلاس (تیزر)
شاید بپرسید چرا دارم این اسرار فنی رو لو میدم؟
چون تکین پلاس قراره فراتر از یه سایت خبری باشه. من قصد دارم به زودی در کانال یوتیوب و بخشهای ویژه سایت، ویدیوهایی منتشر کنم و به شما نشون بدم که چطور پنل ادمین سایت رو با کمک همین هوش مصنوعیها ساختم.
میخوام بهتون یاد بدم چطور شما هم از Trae و Claude استفاده کنید تا پروژههاتون رو متحول کنید.
۶. حکم نهایی (The Verdict)
آیا هوش مصنوعی جای برنامهنویسها رو میگیره؟
قضاوت نهایی ما در صفحه AI-Verdict این است: هوش مصنوعی جایگزین انسان نمیشود، بلکه جایگزین انسانهایی میشود که از آن استفاده نمیکنند.
ما با هوش مصنوعی گوگل رو فریب ندادیم؛ ما به زبان استاندارد وب با او صحبت کردیم. این چراغهای سبز، نتیجه احترام به تکنولوژی است.
ارادتمند، مجید - تکین گیم