چگونه تست سرعت وب‌سایت انجام دهیم؟ معیارهای Google

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

چرا تست سرعت وب سایت مهم است؟

انجام تست سرعت وب سایت نقش تعیین کننده مستقیمی در تجربه کاربر، نرخ تبدیل و Google رتبه بندی دارایی دیجیتال شما در نتایج جستجو دارد. صفحات با بارگذاری سریع کاربران را مدت بیشتری در سایت شما نگه می دارند و نرخ پرش را کاهش می دهند. به عنوان مثال، بیایید یک سایت تجارت الکترونیک با 10000 بازدید کننده ماهانه را در نظر بگیریم. در حالی که نرخ پرش در این سایت با زمان بارگذاری صفحه 5 ثانیه، 65 درصد است، زمانی که این زمان با پیشرفت های فنی به 1.8 ثانیه کاهش یابد، نرخ پرش به 28 درصد کاهش می یابد. این به معنای دریافت بیش از دو برابر تعداد سفارشات و تبدیل سبد خرید با همان بودجه است.

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

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

Google معیارهای سرعت سایت (Core Web Vitals) چیست؟

Google معیارهای سرعت سایت شامل Core Web Vitals معیارهایی است که سرعت واقعی و ثبات بصری را که کاربران هنگام تعامل با یک صفحه وب تجربه می‌کنند، اندازه‌گیری می‌کنند. Google از این مقادیر به طور مستقیم به عنوان سیگنال در الگوریتم مرتب سازی استفاده می کند. تفسیر صحیح این معیارها اولین گام در فرآیند بهینه سازی فنی است. برای مشاهده وضعیت فعلی سایت خود می توانید اطلاعات رایگان سایت ما را بررسی کنید. سرعت صفحه و Core Web Vitals می توانید از ابزار استفاده کنید. با تایپ آدرس وب سایت خود در این ابزار، می توانید امتیازات سرعت موبایل و دسکتاپ، زمان بارگذاری بحرانی و پیشنهادات بهبود را در یک گزارش دقیق در عرض چند ثانیه مشاهده کنید.

چگونه یک تست سرعت وب سایت را مرحله به مرحله انجام دهیم؟

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

مرحله 1: تب ناشناس و انتخاب ابزار مناسب

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

مرحله 2: جداسازی داده های موبایل و دسکتاپ

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

مرحله 3: زمان پاسخگویی سرور را بررسی کنید

مقدار زمان تا اولین بایت (TTFB) را بررسی کنید. اگر این مقدار بالاتر از 600 میلی ثانیه باشد، به این معنی است که قبل از بهینه سازی کد، باید یک بهبود در سمت سرور انجام شود.

چگونه باید کد را برای بهبود نتایج تست سرعت ساختار داد؟

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

<img src="gorsel.jpg" loading="lazy" alt="Ornek urun" width="800" height="600">

ویژگی loading lazy در خط HTML بالا تضمین می کند که تصویر تنها زمانی بارگیری می شود که کاربر به صفحه نمایش نزدیک می شود. تعیین مقادیر عرض و ارتفاع از پیمایش هنگام بارگیری صفحه جلوگیری می کند و امتیاز CLS را بهبود می بخشد.

<IfModule mod_expires.c>     ExpiresActive On     ExpiresByType image/webp "access plus 1 year"     ExpiresByType text/css "access plus 1 month" </IfModule>

این بلوک کد htaccess به سرور دستور می دهد تا انواع فایل های خاصی را در مرورگر بازدید کننده ذخیره کند. خط اول ماژول کش را فعال می کند، خط دوم تصاویر با فرمت webp را به مدت یک سال در مرورگر ذخیره می کند و خط سوم فایل های css را به مدت یک ماه در حافظه محلی نگه می دارد و به سایت اجازه می دهد در صورت بازدیدهای مکرر فوراً باز شود. اگر زیرساخت شما WordPress است، به جای سر و کار داشتن با کدها، از یک متخصص حرفه ای استفاده کنید WordPress بهینه سازی سرعت با دریافت این سرویس می توانید تمام این فرآیندهای فنی را به دستان متخصص بسپارید.

اشتباهات رایج در تست سرعت وب سایت

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

• تمرکز فقط روی امتیاز دسکتاپ: اکثر ترافیک اینترنت از دستگاه های تلفن همراه می آید. فقط به این دلیل که امتیاز دسکتاپ شما 95٪ است به این معنی نیست که سایت شما سریع است. همیشه باید به امتیاز موبایل مراجعه کنید.
• نادیده گرفتن زمان پاسخ سرور (TTFB): مهم نیست که کدهای صفحه چقدر بهینه شده باشند، اگر سرور به کندی پاسخ دهد، سایت به کندی باز می شود. برای غلبه بر این مشکل، یک کیفیت بهینه سازی سرور کار مورد نیاز است.
• انجام تست ها از یک مکان جغرافیایی واحد: در حالی که مخاطبان سایت شما در ترکیه هستند، انجام آزمایش بر روی یک سرور در آمریکا نتایج گمراه کننده ای به همراه خواهد داشت زیرا زمان پینگ را افزایش می دهد.
• انجام تست های مکرر بدون پاک کردن کش: قبل از هر تست باید کش سایت و کش ابزار تست را پاک کنید تا تاثیر تغییری که در سایت ایجاد می کنید را ببینید.

چک لیست برای بهینه سازی سرعت

توصیه می شود برای اطمینان از افزایش عملکرد دائمی سایت خود پس از تست سرعت، مراحل فنی زیر را دنبال کنید. این چک لیست به شما کمک می کند تا بر اساس معیارهای Core Web Vitals وارد منطقه سبز شوید:

• تمام تصاویر را به فرمت WebP یا AVIF تبدیل و فشرده کنید.
• با حذف فضاهای غیر ضروری و خطوط نظر، اندازه فایل‌های CSS، JavaScript و HTML را کاهش دهید.
• کدهای استفاده نشده CSS و JavaScript را از صفحات مربوطه شناسایی و حذف کنید.
• فونت ها را از سرور محلی خود بارگیری کنید و از ویژگی تعویض فونت-نمایشگر استفاده کنید.
• جداول پایگاه داده را مرتباً تمیز کنید و نسخه های قدیمی را حذف کنید.
• از یک شبکه تحویل محتوای قابل اعتماد (CDN) استفاده کنید تا منابع صفحه سریعتر به مرورگر برسد.

یک سناریوی عملی برای بهبود نتایج تست سرعت

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

• اندازه بصری: تصویر بنر 2 مگابایتی در صفحه اصلی به فرمت WebP تبدیل شده و به 120 کیلوبایت کاهش می یابد.
• بارگذاری با تاخیر: با افزودن ویژگی loading lazy به تصاویر محصول در پایین صفحه، تعداد درخواست های سرور در اولین بارگذاری از 45 به 12 کاهش می یابد.
• بهینه سازی فونت: فونت های بازیابی شده از Google فونت ها به سرور محلی منتقل می شوند و قانون تعویض فونت-نمایشگر به فایل CSS اضافه می شود و اطمینان حاصل می شود که متون فوراً ظاهر می شوند.
• فشرده سازی کد: فایل CSS اصلی سایت فشرده شده و حجم فایل را از 180 کیلوبایت به 35 کیلوبایت کاهش می دهد.

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