باکالا اسپید؛ افزونه افزایش سرعت وردپرس و ووکامرس برای قالب باکالا

باکالا اسپید افزونه تخصصی افزایش سرعت و بهینه سازی وردپرس و ووکامرس است که از ابتدا با تمرکز روی قالب باکالا ساخته شده است.

این محصول حاصل بیش از چهار ماه توسعه، تست و بک تست مداوم است. چهار ماهی که در آن فقط روی اضافه کردن قابلیت ها تمرکز نکردیم؛ بارها محصول را اجرا کردیم، نتیجه را بررسی کردیم، ایرادها را پیدا کردیم و دوباره سراغ کد و معماری آن رفتیم.

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

اما ادامه دادیم.

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

چرا ساخت یک افزونه کش حرفه ای سخت است؟

در نگاه اول، افزونه کش ممکن است ساده به نظر برسد. چند گزینه برای Cache، چند گزینه برای Minify و چند تنظیم برای CSS و JavaScript.

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

کش کردن صفحات، مدیریت CSS و JavaScript، عملیات پس زمینه، Cron Job، مصرف CPU، فایل های سرور، کاربران لاگین شده و رفتار متفاوت صفحات ووکامرس، همه به یکدیگر وابسته هستند.

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

از طرف دیگر، افزایش سرعت سایت فقط موضوع فنی نیست. باید SEO، Crawl، Core Web Vitals، Google PageSpeed، GTmetrix و تجربه واقعی کاربر را هم در نظر گرفت.

به همین دلیل ساخت یک افزونه کش حرفه ای، پروژه ای نیست که صرفا با اضافه کردن چند قابلیت تمام شود.

چهار ماه توسعه برای یک افزونه معمولی نبود

چهار ماه زمان زیادی است؛ مخصوصا وقتی یک تیم می توانست در همین مدت چند پروژه دیگر را جلو ببرد.

اما ما تصمیم گرفتیم باکالا اسپید را عجله ای منتشر نکنیم.

نسخه های مختلف محصول در طول این مدت تست شدند، ایرادهایشان مشخص شد و بخش هایی که نتیجه مورد انتظار را نمی دادند دوباره بررسی شدند.

در نهایت به نسخه چهارم رسیدیم.

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

باکالا اسپید فقط یک افزونه Cache نیست

باکالا اسپید مجموعه ای از قابلیت های مورد نیاز برای بهینه سازی عملکرد وردپرس و ووکامرس را در یک سیستم واحد قرار می دهد.

از جمله:

• Page Cache
• بهینه سازی CSS و JavaScript
• Minify
• مدیریت منابع سایت
• مدیریت Cache
• مدیریت عملیات پس زمینه
• Cron Job
• توجه به مصرف CPU
• بهینه سازی Core Web Vitals
• پشتیبانی از سناریوهای کاربران لاگین شده
• بهینه سازی اختصاصی برای قالب باکالا

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

طراحی شده برای قالب باکالا

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

این افزونه با تمرکز روی ساختار قالب باکالا توسعه پیدا کرده است.

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

این موضوع در بهینه سازی سرعت اهمیت زیادی دارد؛ چون همه منابع سایت را نمی توان با یک روش مدیریت کرد.

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

شناخت منابع مهم قالب

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

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

این نوع جزئیات زمانی اهمیت بیشتری پیدا می کنند که هدف، بهبود معیارهایی مانند LCP و تجربه واقعی کاربر باشد.

بهینه سازی سرعت و Core Web Vitals

سرعت سایت فقط عددی نیست که در Google PageSpeed مشاهده می کنید.

برای بررسی عملکرد واقعی یک سایت باید معیارهای مختلفی را در کنار هم دید.

در توسعه باکالا اسپید، Core Web Vitals نیز جزو معیارهای مهم بررسی عملکرد بوده اند.

LCP چیست؟

LCP یا Largest Contentful Paint به سرعت نمایش بزرگ ترین محتوای قابل مشاهده صفحه مربوط است.

تصاویر، فونت ها و منابعی که برای نمایش بخش اصلی صفحه لازم هستند، می توانند روی این معیار تاثیر داشته باشند.

به همین دلیل بهینه سازی این منابع باید با شناخت ساختار واقعی صفحه انجام شود.

INP چیست؟

INP یا Interaction to Next Paint پاسخگویی صفحه به تعاملات کاربر را بررسی می کند.

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

CLS چیست؟

CLS یا Cumulative Layout Shift جابه جایی غیرمنتظره عناصر صفحه هنگام بارگذاری را اندازه گیری می کند.

بهینه سازی سرعت نباید باعث شود عناصر صفحه هنگام بارگذاری مدام جابه جا شوند.

به همین دلیل در کنار سرعت، پایداری بصری صفحه نیز اهمیت دارد.

PageSpeed و GTmetrix چه نقشی دارند؟

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

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

به همین دلیل، این ابزارها را باید در کنار رفتار واقعی سایت و داده های عملکردی آن بررسی کرد.

سرعت سایت بدون فراموش کردن SEO

افزایش سرعت زمانی ارزشمند است که به ساختار اصلی سایت آسیب نزند.

در توسعه باکالا اسپید، موضوعاتی مانند SEO، Crawl، Crawl Budget، Core Web Vitals و نحوه پردازش صفحات نیز مورد توجه قرار گرفته اند.

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

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

مدیریت Cache برای ووکامرس

فروشگاه ووکامرسی با یک وبلاگ ساده فرق دارد.

صفحه محصول، دسته بندی، سبد خرید، حساب کاربری، تسویه حساب و صفحات عمومی سایت رفتار یکسانی ندارند.

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

باکالا اسپید با توجه به همین تفاوت ها طراحی شده تا مدیریت Cache در کنار ساختار ووکامرس انجام شود.

کاربران لاگین شده

یکی از چالش های سیستم های Cache، کاربران وارد شده به سایت هستند.

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

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

بهینه سازی CSS و JavaScript

CSS و JavaScript بخش مهمی از عملکرد یک سایت هستند.

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

• Minify کردن فایل ها
• مدیریت CSS
• مدیریت JavaScript
• بهینه سازی نحوه بارگذاری منابع
• کاهش پردازش های غیرضروری
• مدیریت بهتر منابع مرتبط با قالب

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

Cron Job و مصرف CPU

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

Cron Job یکی از همین بخش هاست.

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

باکالا اسپید در طراحی خود این موضوع را در نظر گرفته است.

مدیریت هوشمند عملیات پس زمینه

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

باکالا اسپید تلاش می کند عملیات مورد نیاز را با توجه به شرایط سایت و منابع موجود، منطقی تر مدیریت کند.

نتیجه مورد انتظار این رویکرد، کاهش پردازش های غیرضروری و کنترل بهتر فشار روی CPU است.

تجربه واقعی در ساخت باکالا اسپید

یکی از چیزهایی که شاید در صفحه معرفی یک افزونه کمتر دیده شود، مسیر ساخت آن است.

ما این پروژه را در یک هفته یا دو هفته نساختیم و مستقیم روی سایت مشتری قرار ندادیم.

باکالا اسپید چهار ماه درگیر توسعه و تست بود.

در این مسیر، بارها با مسئله هایی مواجه شدیم که روی کاغذ ساده به نظر می رسیدند اما در یک سایت واقعی داستان دیگری داشتند.

همین تجربه ها باعث شد بخش هایی از محصول دوباره طراحی یا اصلاح شوند.

حتی چند هفته مانده به انتشار نهایی، ادامه پروژه برای ما قطعی نبود.

اما در نهایت تصمیم گرفتیم آن را تمام کنیم.

چون اعتقاد داشتیم یک محصول تخصصی که قرار است روی فروشگاه های واقعی استفاده شود، ارزش این میزان زمان و آزمون و خطا را دارد.

باکالا اسپید برای چه سایت هایی مناسب است؟

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

این افزونه به خصوص برای موارد زیر کاربرد دارد:

• فروشگاه های ووکامرسی
• سایت های دارای کاربران لاگین شده
• فروشگاه های دارای محصولات و صفحات متعدد
• سایت های دارای محتوای پویا
• سایت هایی که Core Web Vitals برایشان اهمیت دارد
• سایت هایی که می خواهند مدیریت بهتری روی منابع سرور داشته باشند
• سایت هایی که به دنبال بهبود عملکرد در PageSpeed و GTmetrix هستند

جمع بندی

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

در این مسیر، تجربه کار با سیستم های مختلف افزایش سرعت در کنار دانش مربوط به WordPress، WooCommerce، SEO، Cache، Core Web Vitals، Google PageSpeed، GTmetrix، CSS، JavaScript، Cron Job و منابع سرور قرار گرفت.

ما می دانستیم ساخت یک افزونه کش حرفه ای ساده نیست.

می دانستیم اگر قرار است محصول روی فروشگاه واقعی اجرا شود، باید برای جزئیات آن وقت بگذاریم.

و می دانستیم سرعت سایت فقط یک عدد در PageSpeed نیست.

به همین دلیل، باکالا اسپید را ساختیم، تست کردیم، ایرادهایش را پیدا کردیم و دوباره اصلاح کردیم.

حالا نسخه چهارم باکالا اسپید آماده است.

باکالا اسپید

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