جلسه ۸ – Speed Index چیست + بهبود آن

Speed Index یا سرعت ایندکس چست و چطور امتیاز آن را بهبود بدیم؟

Speed Index چیست و بهبود آن در GTMetrix

در این آموزش قصد داریم به زبان ساده بگیم Speed Index یا SI داخل ابزار Gtmetrix چیست و با این خطا چه کنیم؟ چطور بهبود بدیم؟ آیا این خطا هست؟

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

در مقاله قبلی درباره Largest Contentful Paint چیست و چطور بهینه کنیم صحبت کردیم، همینطور درباره First Contentful Paint چیست هم صحبت کردیم و حالا درباره Speed Index قصد داریم صحبت کنیم که شدیدا به این دو مقاله قبلی یعنی FCP و LCP وابسته هست.

معیار Speed Index برخلاف قبلی ها اینبار توسط گوگل معرفی نشد، بلکه سایت WebPageTest اون رو معرفی کرد. حتما مقاله بهترین ابزار تست سرعت سایت ما رو نگاه کردید و این ابزار جزء بهترین ها هست. بعد از چند سال گوگل داخل Lighthouse Google آورد و بعد از مدتی ابزار Gtmetrix هم این مورد رو جزء فاکتورهاش در نظر گرفت.

نکته قابل توجه این هست که دیگه مثل گذشته فاکتورهای سرعت ساده نیست و برای حل کردن خیلی از این فاکتورهای سئو نیاز به تخصص بالا (در زمینه برنامه نویسی و سئو و گاهی UX) هست و صرفا با خوندن چند مقاله فارسی و خارجی کار خاصی نمیشه کرد. اینو ابتدا گفتم تا یک وقت انتظار زیادی از خودمون یا مقاله نداشته باشیم، وگرنه ما هر آنچه که بدونیم میگیم، مثل گذشته. 😉

Speed Index یا SI دقیقا چیست

قبل اینکه بگیم Speed Index چی هست باید بگیم که Above the Fold یعنی چی؟ Above the Fold همون بخش اولیه سایت که شما مشاهده می‌کنید، همون بخشی که بالای سایت هست و ما ابتدا اون رو میبینیم و بعد اسکرول می‌کنیم سمت پایین و جایی از سایت که لازمه میریم.
یک تعریف دیگه از above the fold برای درک بهتر: به قسمتی از صفحه گفته میشه که پس از لود شدن سایت و بدون اسکرول کردن، مقابل چشمان کاربر قرار می‌گیره.

حالا معیار Speed Index بیان‌گر اینه که نیمه بالایی صفحه ما یا همون Above the Fold چقدر سریع از نظر بصری (Visual) کامل میشه.

Speed Index چیست
Speed Index از ابزار GTMetrix

پس Speed Index به اندازه و نوع مرورگر ما بستگی داره. به همین دلیل با معیارهایی مثل FCP و LCP متفاوته و برخلاف اونها، یه نقطه عطف تو لود و نمایش صفحه ما محسوب نمیشه.

معیار Speed Index از آنالیز فریم به فریم صفحه در هنگام لود شدن به‌دست میاد و بیان کننده تجربه کاربر در این مدت زمان هست. بنابراین توجه به مقدار Speed Index ، درک خوبی از وضعیت سرعت صفحه به ما میده. در واقع مقدار عددی SI ، اطلاعات عملی مفیدی به ما نمیده. اما چون مستقیم و یا غیرمستقیم به معیارهایی دیگه‌ای مرتبطه، مشخص می‌کنه آیا بهینه سازی این معیارها کارساز و اثربخش بوده یا نه.

حالا کمی دقیق تر و با عکس بگم:

بهبود speed index

عکس بالا نگاه کنید، سایت اول در ثانیه یک تقریبا کل محتواش لود شده یعنی حدود ۹۳ درصد، ولی سایت پایینی (دومین سایت) در همون ثانیه اول فقط ۱۸ درصد از محتواش (لوگو و منوی سایت) لود شده و بقیه فضا هنوز سفید هست.

کاهش زمان Speed Index

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

SI در gtmetrix چیست

حالا برای اینکه SI یا همون Speed Index رو حساب کنیم می‌تونیم مثل عکس بالا داخل یک نمودار زیر منحنی ببریم و پیشرفت هر کدوم رو محاسبه کنیم.

چطور speed index رو بهینه کنیم

برای محاسبه Speed Index از لگاریتم استفاده میکنن و بعد به درصد تبدیل میشه، ما اینجا درباره نحوه محاسبه و فرمول اون زیاد حرف نمیزنیم ولی همون طور که مشاهده می‌کنید بعد از محاسبات سایت دومی یا همون قرمز نزدیک به ۸ الی ۹ برابر عددی کندتر نسبت به سایت اولی داره. (منبع عکس‌ها + توضیحات بیشتر)

مقدار Speed Index در گزارش Performance چقدر باشه خوبه؟

نمره Speed Index به اندازه ۱۵٪ از امتیاز Performance در GTmetrix رو تشکیل میده. روش نمره‌دهی GTmetrix به SI ، به این صورته:

  • کمتر از ۱.۳ ثانیه : خوب
  • بین ۱.۳ تا ۱.۷ ثانیه: قابل قبول، اما نیازمند بهینه سازی
  • بین ۱.۸ تا ۲.۳ ثانیه: کمی طولانی‌تر از حد استاندارد
  • بیشتر از ۲.۳ ثانیه: خیلی طولانی‌تر از حد استاندارد

چطوری SI یا Speed Index رو بهینه کنیم؟

بیشتر بهینه سازی‌هایی که روی FCP و یا LCP اثر بذاره، باعث بهبود Speed Index هم میشه. همچنین بعضی از روش‌های کاهش زمان Speed Index شامل موارد زیره:

  • کاهش مدت زمان اجرای فایل‌های جاوا اسکریپت (Reducing JavaScript execution time)
  • حدف فایل‌های جاوا اسکریپت های بدون استفاده (Removing unused JavaScript)
  • جایگزین کردن کتابخانه های سنگین جاوا اسکریپت با کم حجم ها (Replacing largt JavaScript libraries with smaller alternatives)
  • بهینه سازی First Contentful Paint
  • بهینه سازی Largest Contentful Paint

با این حال فکر نکنید خیلی ساده می‌تونید این فاکتور رو بهبود بدید و باید بدونید برای بهینه سازی اون کم کم بالای ۲۰ مورد اثر گذار هست که ما قبلا در مقالات قبلی گفتیم.

جمع بندی Speed Index

معیار Speed Index بیان‌گر اینه که محتوای صفحه چقدر سریع از نظر بصری قابل رویت میشه؛ خصوصا محتوای موجود در Above the Fold .
زمان این معیار بستگی به نوع مرورگر ما داره. همچنین این معیار یه نقطه عطف نیست که در یک لحظه خاص اندازه گیری بشه. بلکه توسط فرمول‌های ریاضی محاسبه میشه. پس میشه گفت SI بیشتر یه معیار آزمایشگاهیه، تا معیار میدانی.
اما مثل سایر معیارهای قسمت Performance بحث تجربه کاربری رو هدف قرار میده و برای همین، بهینه سازی Speed Index مهمه.

همچنین میشه از زمان Speed Index متوجه بشیم که بهینه سازی‌هایی که روی سایر معیارها و خطاهای جی تی متریکس انجام دادیم، اثر بخش بوده یا نه. چرا که Speed Index یه معیار جامع هست که از سایر معیارها و خطاها تاثیر می‌گیره و یک معیار مستقل نیست.

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

در اخر پیشنهاد میشه برای بهتر نتیجه گرفتن از یک مـتخصص سئو یا هر کسی که بهش اعتماد دارید و دانش داره کمک بگیرید. همینطور می‌تونید در نظرات سایت میزفا سوالی داشتید بپرسید.

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

نویسنده مقاله: پوریا آریافر / متخصص و مشاوره سئو

 

فیلم آموزشی افزایش سرعت سایت با gtmetrix
فیلم آموزشی افزایش سرعت سایت با gtmetrix
پوریا آریافر
اولین کسب و کار آنلاین خودم رو در فیسبوک راه‌اندازی کردم، سال ۲۰۱۱ یکی از پرتعامل‌ترین صفحات فارسی با ۸۰ هزار فالور فعال رو داشتم. بعد اینکه فیسبوک خالی از کاربر ایرانی شد وارد دنیای شبکه شدم و در انتهای سال ۲۰۱۲ مدرک MCSE مایکروسافت رو دریافت کردم، در حالی که نمره بالا گرفتم ولی کسی به دلیل به خطر افتادن موقعیت شغلی خودش به عنوان کارآموز منو قبول نمی‌کرد، بعدش با شروع دوران خدمت سربازی، مسئول بهینه سازی یک سایت خبری معتبر شدم و سئو یاد گرفتم. در ابتدای سال ۲۰۱۴ تونستم از رتبه ۱۵۰۰۰ به ۴۰۰ الکسا نزدیک کنم، اون زمان الکسا خیلی مهم بود. وارد دانشگاه شدم، به دلیل عدم علاقه به دانشگاه سعی کردم زودتر تمومش کنم و سه ساله در مقطع کارشناسی IT فارغ التحصیل شدم، توی دانشگاه هر کسی منو میدید یاد سئو میوفتاد، در همون سال آخر دانشگاه بزرگ‌ترین کانال تلگرامی IT با ۴۰ هزار عضو رو داشتم، که به مجتمع فنی فروختم تا بتونم تمرکز رو فقط بر روی عشق خودم یعنی سئو بذارم، وقتی کانال تلگرام فروختم حس پرواز بهم دست داد، هرچند درآمد چندین میلیون ماهانه رو از دست دادم ولی دوباره باید مثل گذشته با پوستی نو یک فصلی نو رو میساختم. در این چندین سال فعالیت‌های سئو به شکل تخصصی بنده در قالب پروژه‌های مختلف و آموزش‌های حضوری و غیرحضوری در دفتر میزفا و دانشگاه علامه طباطبایی تهران صورت ‌گرفته، تجربه بهینه سازی موفقی در بهبود UX و CRO پروژه‌های سئو کسب کردم. در اکثر ابزارهای کاربردی گوگل تسلط کاملی دارم. عاشق کسب تجربه های جدید هستم. راز پیشرفت در هر کاری رو یادگیری و یاددادن می‌دونم و میزفا که در اواخر ۲۰۱۶ راه‌اندازی شد تونست چنین بستر مناسبی رو برام فراهم کنه. همینطور در حال حاضر مدیریت یک تیم ۱۰ نفری از جوانان فعال و پرانگیزه رو در میزفا به عهده دارم. نقد و بازخوردهای سازنده شما، جوهر تلاش‌های مستمر ماست تا یک قدم خودمون بهبود بدیم. منتظریم …
لیست آموزش GTmetrix نسخه جدید

بدون نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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

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

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر