تجربه‌ واقعی من در رساندن سرعت سایت از ۱۲ ثانیه به زیر ۲ ثانیه ( با جزئیات کامل )

اون اوایل که سایت زدم، فقط به ظاهرش فکر میکردم. هی قالب میزدم، پلاگین نصب میکردم، عکس سنگین آپلود میکردم، خلاصه هر کاری که یه آدم بی تجربه میتونه با یه سایت بکنه، من کردم ! و نتیجش شد سایتی که توی PageSpeed Insights عدد قرمز نشون میداد و لودش بیشتر از ۱۲ ثانیه طول میکشید !

تا اینکه یه روز یکی از کاربرا برام کامنت گذاشت:

داداش سایتت خیلی کنده اعصابم خورد شد بیخیال شدم

همین یه جمله کافی بود که یه پروژهی بزرگ رو شروع کنم:

رسوندن سرعت سایت به زیر ۲ ثانیه

میخوام در ادامه دقیقا بگم چی کار کردم چه ابزارهایی استفاده کردم، کجاها اشتباه رفتم و چجوری کمکم رسیدم به یه سایت خوش دست سریع و راضی کننده هم برای خودم هم برای کاربر با من باش.

مرحله اول: تشخیص مشکل

ابزارهایی که استفاده کردم

اول باید میفهمیدم دقیقاً مشکل از کجاست. برای این کار از این ابزارها کمک گرفتم:

• Google PageSpeed Insights

• GTmetrix

• Pingdom Tools

• Chrome DevTools (تب Network)

وقتی سایتمو با این ابزارا تست کردم نتایج فاجعه بود. مهم ترین مشکلاتی که دیدم اینا بودن:

• عکس های خیلی سنگین ( بعضیها بالای ۲ مگ بودن ! )

• کلی فایل CSS و JS که بدون استفاده بودن

• پلاگین های اضافه

• نبود کش سمت سرور و مرورگر

• عدم استفاده از CDN

مرحله دوم: سبک سازی فرانت اند

نکته: عکس ها قاتل خاموش سرعت سایت هستن

اولین کاری که کردم این بود که همه تصاویر رو بررسی کردم. فهمیدم هیچ کدوم بهینه سازی نشده بودن. با ابزارهایی مثل:

• TinyPNG

• ImageOptim ( برای مک )

• Squoosh ( ابزار گوگل )
  
  

تصاویر رو بهینه کردم. همچنین فرمتشون رو از JPEG به WebP تغییر دادم چون هم کیفیت خوب میداد، هم حجم رو نصف میکرد.

CSS و JS: کم ولی کاربردی

بعد رفتم سراغ فایل های استایل و جاوا اسکریپت توی DevTools دیدم کلی فایل لود میشه که اصلًا استفاده نمیشن !

چیکار کردم:

• با PurgeCSS فایل های بدون استفاده رو حذف کردم.

• پلاگین هایی که فقط یه افکت کوچیک میدادن ولی کلی فایل میکشیدن رو حذف کردم.

• فایلهای CSS و JS رو با Autoptimize فشرده سازی کردم.

• لود اسکریپت ها رو بردم آخر صفحه تا صفحه زودتر دیده بش

مرحله سوم: بهینه سازی بکاند و سرور

انتخاب هاست خوب

رک بگم اگه هاستت داغونه هیچ کاری فایده نداره.

هاست قبلیم Shared بود و خیلی شلوغ. رفتم سمت یه VPS سبک از یه شرکت معتبر ( ایرانی نگیر، خارجی بگیر اگه برات مقدوره )
فقط با تعویض هاست زمان لود نصف شد.

فعال سازی کش

• از LiteSpeed Cache استفاده کردم چون سرورم LiteSpeed بود.

• کش مرورگر رو توی .htaccess فعال کردم.

• تنظیمات کش رو جوری گذاشتم که هم برای بازدید کنندهها سریع باشه هم برای من دردسر نسازه.

استفاده از CDN

اگه فقط یه توصیه بخوام بهت بکنم، اینه:

CDN معجزه میکنه.

من از Cloudflare استفاده کردم ( رایگان هم هست ) و به راحتی:

• زمان بارگذاری رو کم کردم

• امنیت سایت رو بالا بردم

• پهنای باند مصرفی رو هم کم کردم

مرحله چهارم: بهینه سازی دیتابیس

سایتم وردپرسیه پس دیتابیس مهمه این کارا رو انجام دادم:

• با WP-Optimize دیتابیس رو تمیز کردم

• پست های حذف شده، اسپمها، و رو نوشت ها رو پاک کردم

• جدول ها رو Optimize کردم که سبک تر بشن

مرحله پنجم: آزمون و خطا و رصد مداوم

هر تغییری که میدادم، سریع تست میکردم.
با GTmetrix بررسی میکردم ببینم تایم لود صفحه چقدر عوض شده.
همچنین از یه افزونه به اسم Query Monitor استفاده کردم که نشون میداد چه پلاگینهایی بیشتر از همه فشار میارن.

بعد از حدود دو هفته کار مستمر، رسیدم به این نتایج:

• First Contentful Paint: ۱.۲

• Time to Interactive: ۱.۸

• Fully Loaded Time (GTmetrix): ۱.۶

• PageSpeed Score (Mobile): ۹۳

• PageSpeed Score (Desktop): ۹۸

این عدد های بالا به ثانیه هست

و از همه مهمتر کاربرا گفتن سایتت چقد سریع شده کیف کردیم یعنی مستقیم این و نگفتن ولی خدا شاهده حسش کردم:)

نکات کلیدی که یاد گرفتم

• همیشه کمتر بهتره. پلاگین کمتر، عکس کمتر، کد کمتر = سرعت بیشتر.

• ظاهر فانتزی به درد نمیخوره اگه سایت کند باشه.

• سرور خوب ستون فقراته.

• تصاویر رو جدی بگیر.

• بدون آنالیز نمیتونی پیشرفت کنی.

جمع بندی

بهینه سازی سرعت سایت یه کار یه شبه نیست. باید دونه دونه عوامل کندی رو شناسایی کنی، رفعشون کنی و بعد دوباره تست کنی.
ولی نتیجهش فوق العادهست. هم گوگل دوستت داره، هم کاربرات، هم خودت از این زندگی لذت میبری.

اگه الان داری اینو میخونی و سایتت کند شده، بهت پیشنهاد میکنم همین امروز شروع کن. از همین PageSpeed Insights. بزن ببین نمرهت چنده بعدم بیفت به جونش.

اگه سوال داشتی یا کمک خواستی ما یه سرویس افزایش سرعت سایت داریم که همه این کارهای تخصصی رو برات انجام میدیم کافیه توضیحات و مطالعه کنی و بعد درخواست بدی رایگان سایتت رو آنالیز کنیم و توی مرحله اول مشکلات و کشف کنیم.

سوالات رایج