سلام؛ من حسین کماسی توی این پست قصد دارم تجربه خودم در رابطه با افزایش سرعت سایت رو باهاتون در اشتراک بذارم.
من یه سایت وردپرسی دارم که یه وبلاگ هست که مقالاتی با هدف راهنمایی خرید محصولات در اون منتشر میشه. نتایج تست سرعت سایت من در ابزارهای GTmetrix و PageSpeed Insights گوگل اصلا خوب نبود و امتیازات پایینی میگرفت. این موضوع روی تجربه کاربری (UX) تاثیر منفی میذاره باعث میشه نرخ تبدیل کاهش پیدا کنه، همچنین یکی از فاکتورهای اصلی گوگل برای رتبه دهی سایت ها، سرعت اون هاست.
به همین خاطر به فکر این افتادم که سرعت سایتم رو بهبود بدم. قالبی که روی سایتتون نصب میکنید، نقش مهمی در سرعت سایت داره. خوشبختانه قالب مورد استفاده در سایت من قالب مناسب و بهینه ای هست و از اون بابت نگرانی نداشتم. عامل مهم دیگه در سرعت سایت، عکس هایی هست که در سایت قرار میدید. من همیشه تصاویر رو قبل از اینکه در سایتم قرار بدم تا حد ممکن و تا جایی که کیفیتشون بد نشه، حجمشون رو با فتوشاپ و ابزارهای آنلاینی مثل imagecompressor کم میکنم. خوبی این ابزار اینه که میشه تعداد زیادی عکس رو به صورت همزمان و با کیفیت دلخواه کم حجم کرد.
با این تفاسیر من برای بهبود سرعت سایتم، استفاده از افزونه رو انتخاب کردم. برای وردپرس افزونه های مختلفی وجود دارن که میتونن سرعت سایت رو بهبود بدن. به خاطر همین شروع کردم به تحقیق در مورد افزونه ها. بین افزونه های موجود، دوتا افزونه به نام های LiteSpeed Cache و WP Rocket بودن که تعریفشون رو زیاد شنیدم. LiteSpeed رایگانه و برای سایت هایی که از وب سرور LiteSpeed استفاده میکنن گزینه مناسبیه. اگر من هم در سایتم از وب سرور LiteSpeed استفاده میکردم، قطعا انتخابم افزونه LiteSpeed Cache بود اما در نهایت به این نتیجه رسیدم که در حال حاضر افزونه WP Rocket برای من بهترین گزینه هست.
بعد از نصب افزونه Rocket بدون اینکه هیچگونه تغییراتی در اون بدم، از سایت توی GTmetrix تست گرفتم و نتایج نشون میداد که این افزونه با تنظیمات پیش فرضش باعث بهبود شده و نمره کلی سایت از E به D افزایش پیدا کرد.
اما افزونه Rocket وقتی بهترین نتیجه رو میده که به درستی تنظیم بشه. تنطیماتش روی هر سایتی هم با توجه به قالب اون سایت و نوع کدنویسی قالب متفاوته و باید خودتون با سعی و خطا اون رو روی بهترین حالت تنظیم کنید. بهتره که تغییرات رو یکی یکی اعمال کنید و بعد از فعال کردن هر گزینه، کش سایت و مروگر رو پاک کنید و یکبار صفحات مختلف سایت رو ببینید تا مطمئن بشید با فعال کردن هر گزینه، نمایش سایتتون به هم نمیریزه.
بعد از اینکه تغییرات رو درش اعمال کردم، نتایج باز هم به شکل قابل ملاحظه ای بهبود پیدا کردن و به نمره C رسید.
اما نتایج توی PageSpeed Insights ناامید کننده بود و برای نسخه موبایل 54 رو نشون میداد.
افزونه Rocket یه گزینه داره به اسم تاخیر در اجرای جاوا اسکریپت که با فعال کردن اون فایل های جاوا اسکریپت تا زمان اولین تعامل کاربر با سایت (به عنوان مثال پیمایش ، کلیک)، اجرا نیمشن. وقتی این گزینه رو فعال کردم سرعت سایت واقعا بالا رفت و تا روی یه لینکی کلیک کنی سریع صفحه باز میشه. بعد از فعال کردن این گزینه دوباره از سایت تست گرفتم. نتایج توی GTmetrix تفاوت آنچنانی نداشت اما نتایج PageSpeed Insights به شکل قابل توجهی بهتر شد که میتونید نتایج رو در زیر ببینید.
اما یه مشکلی داشت و اون هم اینکه ممکن بود بخش های مهمی از محتوای سایت رو ربات های گوگل نتونن ببینن و این از نظر سئو یه نکته منفی به حساب میاد. به خاطر همین برای استفاده از این گزینه خیلی مردد بودم اما از طرفی تجربه کاربری بهبود پیدا میکنه و این وزنه سنگین تری هست و مزیت هاش به معایبش میچربه چون برای گوگل مهم تجربه کاربری و رضایت کاربر از سایته.
وقتی گوگل ببینه کاربرا در استفاده از یه سایت رضایت دارن و از طریق سنجه هایی مثل بانس ریت، تایم آن سایت، پیج پر سشن و غیره سیگنال های مثبتی از طرف کاربر دریافت کنه، دیگه برایش مهم نیست چه محتوایی توی سایت هست، حجمش چقدره، چند تا بک لینک داره و ... و اون رو توی نتایج بالا میاره.
اما هنوز یه مشکلی وجود داشت و اون اینکه امتیاز GTmetrix حرف C رو نشون میداد و خیلی رضایت بخش نبود. اگه به سومین تصویری که گذاشتم دقت بکنید، میبینید پیغام Reduce Initial server response time رو با اولویت بالا گذاشته. با توجه به اینکه فعلا تعداد بازدیدکننده های سایت من خیلی نیستند به خاطر همین سروری که سایت روی اون قرار داره از نوع هاست اشتراکیه. در کنار مزایایی که این نوع هاست داره، از معایبش وجود همسایه هاییه که ممکنه اکثر منابع سرور رو مصرف کنند. به خاطر همین هاست رو ارتقا دادم و بعد از اون دوباره از سایت تست گرفتم که نتیجه نهایی این شد که میبینید.
البته این نکته رو هم در مورد افزونه Rocket بگم که ممکنه برای همه سایت ها مناسب نباشه و با قالب یا سایر افزونه ها تداخل داشته باشه و مجبور بشید خیلی از گزینه هاش رو غیرفعال کنید. اما اگه قالب و افزونه هاتون استاندارد باشن، بدون به وجود اومدن مشکل خاصی سرعت سایتتون رو به شکل قابل ملاحظه ای بهبود میده.
لازم به ذکره که این تجربه عملی من برای بهبود سرعت سایتم و همچنین بخشی از تمرین هایی هست که باید در دوره آنلاین بازایابی دیجیتال عادل طالبی انجام داد.
