سرعت بارگذاری (Load) یک وب‌سایت عاملی بسیار مهم در جذب مخاطب و موفقیت یک کسب‌وکار اینترنتی است. هرچه این سرعت بیش‌تر باشد و وب‌سایت در مدت زمان کوتاه‌تری بارگذاری شود، سبب افزایش رتبه‌ی وب‌سایت در رده‌بندی موتورهای جست‌وجو، افزایش نرخ تبدیل (conversion rates)، کاهش ضریب بازگشت (bounce rates) و تجربه‌ی کاربری بهتری می‌شود.
تست سرعت با هدف شبیه‌سازی عملکرد وب‌سایت در وضعیت واقعی انجام می‌شود و فراهم‌کننده‌ی اطلاعاتی است که با کمک آن‌ها می‌توان عملکرد کلی وب‌سایت را بهبود بخشید. برای انجام این تست، ابزارهای آنلاین متعددی وجود دارند که در این مطلب سعی شده تا چند نمونه از رایج‌ترین آن‌ها معرفی شوند.
پارامترهای پایه در ارزیابی سرعت وب‌سایت
ابزارهای آنلاین تست سرعت وب‌سایت از پارامترهای متفاوتی برای تحلیل عملکرد استفاده می‌کنند که مهم‌ترین آن‌ها عبارت‌اند از:
- Load Time: مدت زمان مورد نیاز (به میلی‌ثانیه) برای بارگذاری صفحه‌ی وب به‌شکل کامل و نمایش آن در مرورگر
- Time to First Byte (TTFB): مدت زمان لازم (به میلی‌ثانیه) برای دریافت نخستین بایت از داده‌ها توسط مرورگر از جانب سرور
- Requests: تعداد HTTP Requestهای ارسالی از مرورگر به‌سمت سرور به‌منظور تکمیل بارگذاری صفحه‌ی وب. برخی از اعمالی که می‌توان برای کاهش تعداد این درخواست‌ها انجام داد، عبارت‌اند از:
- ترکیب فایل‌های CSS و JS
- در زمان کم بودن تعداد دستورات JS، تعریف آن‌ها در فایل اصلی و عدم استفاده از یک فایل .js جداگانه (inline JS)
- استفاده از روش CSS Sprits
- استفاده‌ی کم‌تر از پلاگین‌هایی که تولیدکننده‌ی درخواست‌های خارجی زیادی هستند
- DOMContentLoaded (DCL): مدت زمانی که طول می‌کشد تا تمام کدهای HTML بارگذاری شوند.
- Time to above-the-fold load: منظور از Above the fold بخشی از صفحه‌ی وب است که پنجره‌ی مرورگر را پر می‌کند بدون آن‌که نیاز به تکان نوار پیمایش باشد.
- First Contentful Paint (FCP): مدت زمانی که طول می‌کشد تا محتوا را مرورگر render بگیرد. این محتوا می‌تواند شامل متن، عکس و… باشد.
- سایز صفحه: سایز کلی محتوا و منابعی که در صفحه‌ی وب ظاهر می‌شوند.
- Round Trips: تعداد Round Tripهای ضروری برای بارگذاری صفحه‌ی وب. هنگامی‌که HTTP Request از مرورگر به‌سمت سرور ارسال می‌شود و سپس از سمت سرور Response برای مرورگر ارسال می‌شود، یک round trip کامل می‌شود.
- Render-blocking round trips: زیرشاخه‌ای از roud trip. Render blocking اشاره به منابعی دارد که باید پیش از سایر منابع بارگذاری شوند.
- Round Trip Time (RTT): مدت زمانی که طول می‌کشد تا یک round trip کامل شود.
- منابع Render blocking: منابع مشخصی هم‌چون فایل‌های CSS و JavaScript تا زمانی که load نشوند، بارگذاری سایر منابع را نیز مسدود می‌کنند. هرچه تعداد این منابع بیش‌تر باشد، شانس شکست مرورگر در بارگذاری کامل صفحه‌ی وب نیز افزایش می‌یابد. برای بهینه‌سازی تحویل فایل‌های CSS، می‌توان موارد زیر را در نظر داشت:
- فراخوانی درست فایل‌های CSS
- کاهش تعداد فایل‌های CSS
- در حالت کلی، استفاده‌ی کم‌تر از فایل‌های CSS
ابزارهای تست آنلاین به تجزیه‌وتحلیل چه مواردی کمک می‌کنند؟
موارد زیر تنها تعداد محدودی از اطلاعاتی هستند که می‌توان آن‌ها را از نتایج حاصل از ابزارهای تست آنلاین به‌دست آورد:
- بررسی Minification فایل‌های HTML، CSS، JS
- یافتن تصاویری با سایز بزرگ که سبب تنگناها (bottleneck) می‌شوند
- تشخیص وجود منابع render-blocking
- به‌دست آوردن مقدار Time to First Byte (TTFB)
- بررسی مقادیر کلی زمان بارگذاری، سایز صفحه و تعداد Requestها
- بررسی عملکرد از نقاط جغرافیایی مختلف
- بررسی سرعت rendering در مرورگرهای مختلف
- تجزیه‌وتحلیل هدرهای HTTP و…
مشهورترین ابزارهای آنلاین برای تست سرعت وب‌سایت
چهار ابزار مشهور برای تست سرعت وب‌سایت شامل Pingdom، WebPage Test، GTmetrix و Google Chrome DevTools هستند و در این بخش سایر ابزارهای تست آنلاینِ سرعتِ وب‌سایت معرفی می‌شوند.
۱. Google PageSpeed Insights
Google PageSpeed Insights ابزار تست آنلاینی است که سرعت وب‌سایت را سنجیده و به آن رتبه‌ای در بازه‌ی ۰ تا ۱۰۰ اختصاص می‌دهد. در حالت استاندارد، اگر نتیجه‌ی حاصل از تست این وب‌سایت، امتیازی بالای ۸۵ باشد به معنای عملکرد خوبِ وب‌سایت مورد نظر است. مزیت این ابزار، تست سرعت وب‌سایت هم برای پلتفرم‌های desktop و هم موبایل است و پس از انجام تست، توصیه‌هایی برای بهبود عملکرد نیز مطرح می‌شوند. این ابزار کمک می‌کند تا عملکرد وب‌سایت را براساس دو پارامتر Time to above-the-fold load و مدت‌زمان load کامل صفحه، بهبود بخشید.
در بخش نتایج حاصل برای دستگاه‌های موبایل، یک دسته‌بندی دیگر نیز با نام User Experience وجود دارد که نشان‌دهنده‌ی سایز پنجره‌ای که محتوای صفحه در آن نمایش داده می‌شود (viewport configuration)، سایز فونت‌ها و سایز المان‌هایی است که کاربر با آن‌ها در تعامل است (buttonها، لینک‌ها و…).
۲. think with Google
این ابزار سرعت بارگذاری وب‌سایت روی پلتفرم‌های موبایل را تست و گزارشی کاربرپسند تولید می‌کند که می‌توان آن را برای کاربران وب‌سایت ارسال کرد.
۳. Varvy Pagespeed Optimization
Varvy Pagespeed Optimization ابزار آنلاین دیگری است که گزارش حاصل از آن به ۵ بخش مختلف شامل resource diagram، CSS delivery، JavaScript usage، page speed issues found و services used تقسیم می‌شود.
۴. Uptrends
Uptrends ابزار ساده‌ای است که امکان تست سرعت وب‌سایت را از موقعیت‌های مکانی مختلف و متناسب با مرورگرهای متفاوت روی هر دو پلتفرم دسکتاپ و موبایل فراهم می‌کند. گزارش حاصل از آن به دو بخش waterfall breakdown و domain groups تقسیم می‌شود.
۵. dotcom-monitor
dotcom-monitor نیز ابزاری است که امکان تست سرعت را از بیش از ۲۰ موقعیت مکانی مختلف فراهم می‌کند و ویژگی متمایز آن، اجرای تست سرعت از تمام موقعیت‌های جغرافیایی به‌شکل هم‌زمان است.
۶. Yellow Lab Tools
ابزار Yellow Lab Tools فراهم‌کننده‌ی اطلاعات فراوان و ویژگی‌های متمایزی است که سایر ابزارها فراهم نمی‌کنند، مانند تعاملات JavaScript و مسایل مربوط به اعتبارسنجی کد. این ابزار، وب‌سایت را براساس پارامترهای زیر رتبه‌دهی می‌کند:
- Page weight
- Requests
- DOM
- Bad JavaScript
- Bad CSS
- Server Config
۷. Sucuri Load Time Tester
Sucuri Load Time Tester نیز ابزاری سریع و آسان برای تست سرعت وب‌سایت از موقعیت‌های مکانی مختلف است. این ابزار به وب‌سایت رتبه‌ای بین A تا F اختصاص می‌دهد. یکی از پارامترهای مهم اندازه‌گیری سرعت به‌کمک این وب‌سایت TTFB است.
۸. Pagelocity
این ابزار براساس پارامترهایی هم‌چون SEO، Social، منابع و کدها به وب‌سایت رتبه‌ای در بازه‌ی ۰ تا ۱۰۰ می‌دهد. می‌توان با ساخت حساب کاربری رایگان در این وب‌سایت از فیچرهای بیش‌تری نیز بهره برد.
