مقدمه پروژه فروشگاه اول استوک
پروژه فروشگاه اول استوک از ابتدا توسط گروه ما طراحی نشده بود. این سایت پیش از شروع همکاری، توسط تیم دیگری راهاندازی شده بود و پس از گزارش مشکلات متعدد از سوی کارفرما، بررسی فنی و رفع ایرادات آن به گروه ما سپرده شد.
در این پروژه، تمرکز اصلی ما بر عیبیابی، بهینهسازی، رفع مشکلات زیرساختی، بهبود سرعت بارگذاری و اصلاح بخشهایی از ساختار طراحی سایت بود. هدف نهایی این بود که سایت از حالت ناپایدار خارج شود، عملکرد مناسبی پیدا کند و تجربه کاربری بهتری برای بازدیدکنندگان و مشتریان فروشگاه ایجاد شود.
وضعیت سایت فروشگاه اول استوک در زمان تحویل به گروه ما
در زمان بررسی اولیه فروشگاه اول استوک ، سایت فروشگاه اول استوک با مشکلات جدی فنی و زیرساختی مواجه بود. مهمترین ایراد این بود که سایت بهصورت مداوم از دسترس خارج میشد و امکان استفاده پایدار از آن وجود نداشت. این موضوع هم روی تجربه کاربران تأثیر منفی گذاشته بود و هم باعث اختلال در روند فروش و مدیریت سایت شده بود.
از طرفی، سایت از نظر سرعت و بهینهسازی نیز در وضعیت مناسبی قرار نداشت. سیستم کشینگ بهدرستی روی سایت نصب و تنظیم نشده بود و همین مسئله باعث افزایش زمان بارگذاری صفحات میشد. همچنین سرور انتخابشده برای میزبانی سایت، انتخاب مناسبی برای یک فروشگاه وردپرسی نبود و از نظر کانفیگ، منابع و سازگاری با وردپرس عملکرد مطلوبی نداشت.
یکی دیگر از مشکلات مهم، طراحی صفحه اصلی سایت بود. ساختار صفحه اصلی از نظر تعداد المانهای تو در تو و حلقههای DOM بسیار سنگین طراحی شده بود. استفاده بیش از حد از المانهای داخلی و ساختارهای پیچیده باعث شده بود مرورگر برای پردازش صفحه زمان بیشتری صرف کند و در نتیجه سرعت سایت کاهش پیدا کند.
اقدامات انجامشده برای رفع مشکلات فروشگاه اول استوک
برای حل مشکلات سایت فروشگاه اول استوک، ابتدا وضعیت سرور و ساختار میزبانی بررسی شد. با توجه به اینکه سایت روی یک سرور ویندوزی با کنترل پنل پلسک و وبسرور Nginx قرار داشت، تصمیم گرفته شد سایت به یک هاست لینوکسی مناسب برای وردپرس منتقل شود.
انتخاب هاست لینوکسی با وبسرور LiteSpeed به این دلیل انجام شد که لایتاسپید در اجرای سایتهای وردپرسی و ووکامرسی عملکرد بسیار مناسبی دارد. این وبسرور بهخصوص در کنار افزونههای کش سازگار با LiteSpeed میتواند باعث کاهش مصرف منابع، افزایش سرعت پاسخگویی سرور، بهبود زمان بارگذاری صفحات و مدیریت بهتر درخواستهای همزمان کاربران شود. برای یک فروشگاه اینترنتی، پایداری، سرعت و مدیریت صحیح منابع اهمیت زیادی دارد و به همین دلیل استفاده از هاست لایتاسپید گزینه مناسبتری برای این پروژه بود.
پس از انتخاب هاست مناسب، دادههای سایت از سرور قبلی به هاست جدید منتقل شد و تنظیمات لازم برای اجرای صحیح سایت انجام گرفت. سپس افزونههای بهینهسازی متناسب با قالب و ساختار سایت نصب و کانفیگ شدند تا فایلهای CSS و JavaScript، کش صفحات، تصاویر و سایر بخشهای مؤثر در سرعت سایت بهینه شوند.
در مرحله بعد، طراحی صفحه اصلی سایت از نظر ساختار DOM بررسی شد. بخشهایی که باعث سنگین شدن صفحه شده بودند، اصلاح شدند تا تعداد المانهای غیرضروری کاهش پیدا کند و صفحه اصلی سبکتر و سریعتر بارگذاری شود.
قالب استفادهشده در پروژه فروشگاه اول استوک
قالب استفادهشده در این پروژه، قالب باکالا است. این قالب برای فروشگاههای اینترنتی وردپرسی طراحی شده و به دلیل ساختار فروشگاهی، امکانات مناسب برای نمایش محصولات، پشتیبانی از ووکامرس، طراحی راستچین و ظاهر آشنا برای کاربران ایرانی، انتخاب مناسبی برای این نوع پروژه محسوب میشود.
یکی از دلایل استفاده از قالب باکالا ، شباهت ساختار آن به فروشگاههای اینترنتی بزرگ و شناختهشده است. این موضوع باعث میشود کاربران هنگام ورود به سایت، با محیطی آشنا روبهرو شوند و راحتتر بتوانند محصولات را مشاهده، مقایسه و خریداری کنند.
همچنین این قالب امکاناتی مانند نمایش دستهبندی محصولات، بخشهای ویژه فروشگاهی، طراحی مناسب صفحات محصول، سازگاری با موبایل و قابلیت استفاده در فروشگاههای ووکامرسی را فراهم میکند. البته مانند هر قالب فروشگاهی دیگر، در صورتی که تنظیمات، افزونهها و ساختار صفحات بهدرستی مدیریت نشوند، ممکن است سایت سنگین شود. به همین دلیل در این پروژه، علاوه بر استفاده از قابلیتهای قالب، بخشهای سنگین و مشکلساز نیز بررسی و اصلاح شدند.
نتیجه نهایی بهینهسازی
پس از انتقال سایت به هاست مناسب، انجام تنظیمات سرور، نصب و کانفیگ افزونههای بهینهسازی و اصلاح ساختار صفحه اصلی، عملکرد سایت به شکل قابلتوجهی بهبود پیدا کرد.
بر اساس بررسی انجامشده با ابزار GTmetrix ، زمان بارگذاری سایت از حدود ۵.۲ ثانیه به حدود ۱.۶ ثانیه کاهش پیدا کرد. این بهبود باعث شد سایت سریعتر، پایدارتر و قابلاعتمادتر در دسترس کاربران قرار بگیرد.
در نهایت، پروژه فروشگاه اول استوک از یک سایت ناپایدار و کند، به یک فروشگاه اینترنتی بهینهتر و مناسبتر برای استفاده کاربران و مدیریت فروش تبدیل شد.
گزارش جی تی متریکس سایت اول استوک در هنگام تحویل به گروه ما
گزارش جی تی متریکس سایت اول استوک در هنگام تحویل سایت به مشتری
🌐 برای دیدن بقیه نمونه کار ها کلیک کنید.
