یکی از چالش‌های اصلی در بهینه‌سازی سایت‌های فروشگاهی، به خصوص سایت‌های آرایشی بهداشتی که معمولاً پر از تصاویر و فایل‌های سنگین هستند، افزایش سرعت بارگذاری صفحات است. سایت موراشین (moorashin.com) در ابتدا با مشکلی بزرگ مواجه بود؛ زمان بارگذاری هر صفحه به طور میانگین 11 ثانیه بود! این میزان تأخیر باعث می‌شد تا کاربران به‌سرعت از سایت خارج شوند و به طبع آن نرخ تبدیل و رتبه سایت در موتورهای جستجو به شدت تحت تاثیر قرار بگیرد.

بنابراین، هدف اصلی پروژه این بود که سرعت سایت را به زیر 1 ثانیه برسانیم و تجربه کاربری را به‌طور چشمگیری بهبود دهیم. برای این کار، از ابزارهای مختلفی از جمله Google PageSpeed Insights، سرچ کنسول گوگل، GTmetrix و Host Tracker استفاده کردیم تا نقاط ضعف سایت را شناسایی و بهینه کنیم.

مراحل افزایش سرعت:

آنالیز اولیه: ابتدا با ابزارهایی مثل Google PageSpeed Insights و GTmetrix، وضعیت سایت را بررسی کردیم. نتیجه واضح بود؛ سرعت لود بسیار پایین، تصاویر سنگین، و درخواست‌های غیر ضروری به سرور باعث افزایش زمان بارگذاری شده بودند. امتیاز LCP (Largest Contentful Paint) بسیار بالا بود و نیاز به کاهش آن به زیر 2.5 ثانیه داشتیم.

استفاده از کش آبجکت و OPCache: برای کاهش زمان پردازش درخواست‌ها در سمت سرور، از Object Cache و OPCache استفاده کردیم. این دو تکنیک کمک کردند تا بسیاری از پردازش‌های تکراری ذخیره شده و پاسخ‌دهی سریع‌تر شود.

پیاده‌سازی CDN اختصاصی از پارس‌پک: یکی از اقدامات کلیدی استفاده از یک CDN اختصاصی بود که با کمک پارس‌پک کانفیگ شد. این کار باعث شد تا منابع سایت به‌صورت بهینه‌تری توزیع شود و کاربران از نقاط مختلف دنیا با سرعت بیشتری به سایت دسترسی پیدا کنند.

فشرده‌سازی تصاویر و منابع با Gzip و Brotli: تصاویر و فایل‌های حجیم یکی از اصلی‌ترین دلایل کندی سایت بودند. با استفاده از الگوریتم‌های فشرده‌سازی Gzip و Brotli، حجم تصاویر و منابع تا حد ممکن کاهش داده شد، که این اقدام نقش مهمی در بهبود زمان لود داشت.

بهینه‌سازی لینک‌ها: لینک‌ها و منابع خارجی سایت از جمله دلایل دیگر کاهش سرعت بودند. با استفاده از تکنیک‌های Link Preloading، سرعت باز شدن لینک‌ها و منابع بهبود یافت و کاربران زمان کمتری برای بارگذاری آنها انتظار کشیدند.

سینک کردن هاست و وردپرس: تنظیمات سرور و وردپرس به طور کامل بررسی و بهینه‌سازی شدند تا هاست و سیستم وردپرس بدون مشکل و با بیشترین کارایی هماهنگ شوند. این کار تاثیر مستقیم روی کاهش زمان پاسخ‌دهی سرور داشت.

بهینه‌سازی کرون‌جاب‌ها (Cron Jobs): کرون‌جاب‌های وردپرس در برخی موارد باعث مصرف بیش از حد منابع سرور می‌شوند. با مدیریت و بهینه‌سازی این فرآیندها، منابع مصرفی سرور کاهش یافت و عملکرد سایت پایدارتر شد.

استفاده از ابزارهای آنالیز و نظارت: در طول فرآیند، از ابزارهای متنوعی مثل GTmetrix و Host Tracker استفاده کردیم تا بتوانیم عملکرد سایت را در لحظه مانیتور کنیم و تأثیر تغییرات را ببینیم. این ابزارها نشان دادند که بعد از هر مرحله بهینه‌سازی، زمان بارگذاری سایت بهبود چشمگیری پیدا می‌کرد.

شاخص‌های کلیدی و نتایج:

بعد از تمام مراحل بهینه‌سازی، سایت موراشین به نتایج بسیار خوبی دست پیدا کرد:

Largest Contentful Paint (LCP): به زیر 2 ثانیه رسید.

First Input Delay (FID): زمان اولین تعامل کاربر با سایت به زیر 100 میلی‌ثانیه کاهش یافت.

Cumulative Layout Shift (CLS): پایداری المان‌ها به حد مطلوبی رسید.

Mobile Performance: امتیازات سایت در بخش موبایل گوگل پیج اسپید کاملاً پاس شد.

نتیجه نهایی:

بعد از انجام تمام این بهینه‌سازی‌ها، سرعت سایت از 11 ثانیه به زیر 1 ثانیه رسید. کاربران حالا می‌توانند با سرعت بالاتری به محصولات و محتواهای سایت دسترسی داشته باشند و همین باعث افزایش تعامل و کاهش نرخ پرش (Bounce Rate) شده است. این بهبود سرعت نه تنها تجربه کاربری را بهتر کرد، بلکه در رتبه‌بندی گوگل و سئو سایت تاثیر بسزایی داشت.

این پروژه یک نمونه عالی از تاثیرات بهینه‌سازی‌های دقیق و تکنیکی بر روی عملکرد سایت است و نشان می‌دهد که چگونه می‌توان با استفاده از ابزارهای مناسب و روش‌های اصولی، سرعت و کارایی سایت را به سطح قابل توجهی رساند.