رفع خطا با تب های جی تی متریکس
برای تست سرعت سایت در GTmetrix باید با تب های مختلف این ابزار آشنایی داشته باشید. مهمترین تب های جی تی متریکس شامل موارد زیر است:
تب Summerry جی تی متریکس
نخستین سربرگ این ابزار، سامری است که صفحه را از جنبه عملکرد، ساختار و نحوه بارگذاری، سرعت و نواقص موجود چک می کند. این بخش دارای سه بخش Speed visualization، Top Issues و page detail می باشد.
در قسمت اول می تواند سرعت بارگذاری صفحات وب سایت خود را به صورت تصویری مشاهده کنید. در قسمت دوم یا Top Issues شاهد ایرادات عملکردی وب سایت هستید. این خطاها با توجه به اهمیت و اثر بدی که روی عملکرد وب سایت دارند با مواردی مثل Med-High، High و low و … مشخص می شوند.
High، یعنی اثرگذاری زیادی روی عملکرد وب سایت داشته است. در قسمت Page Details می توان سرعت بارگذاری کامل صفحه، سایز صفحه و تعداد ریکوئست ها را مشاهده نمود.
تب Performance جی تی متریکس
در این بخش، امتیاز عملکرد کلی سایت و چگونگی اجرای صفحات آن نشان داده شده است. قسمت Performance، میزان 70 درصد از نمره نهایی جی تی متریکس را شامل می شود. قسمت اول این تب نمایش دهنده 6 تب می باشد. هر یک از این موارد را به راهکار بهبود آن شرح می دهیم تا با تست سرعت سایت در GTmetrix بتوانید سرعت وب سایت خود را ارتقاء دهید.
- First Contentful Paint: این مؤلفه، تایم نخستین محتوایی می باشد که کاربر قادر است در صفحه مشاهده کند. با این مؤلفه می توان درباره سایت به نتیجه خوبی دست پیدا کرد. مواردی مانند کش، عدم انجام ریدایرکت های متوالی، کاهش حجم صفحات به بهبود این مورد کمک زیادی می کند.
- Largest Contentful Paint: در این بخش می توان زمان نمایش بزرگترین محتوای صفحه را مشاهده نمود. بهینه سازی نیمه بالایی صفحه، تگ های ویدئو، img و … مهمترین راهکارها برای بهبود این مؤلفه به شمار می آیند.
- Speed Index: معیار SI بیانگر این است که نیمه بالایی سایت تا چه اندازه سریع بارگیری می شود. قسمتی که بدون اسکرول از سوی کاربر قابل دیدن است. این مورد، 15 درصد از امتیاز Performance را شامل می شود و چگونگی به تصویر درآمدن محتوا را از لحاظ دیدگاه چک می کند. عدد قابل قبول برای این بخش 1.3 تا 1.7 است. با حذف فایل های js بدون استفاده و بهینه سازی کتابخانه های js می توان مشکل را برطرف نمود. در تست سرعت سایت در GTmetrix باید به تک تک این موارد توجه کرد.
- Time to Interavtive: این قسمت، کارکردی می باشد و به بررسی واکنش گرایی صفحه در زمان لود شدن می پردازد. زمان تعامل، تایمی است که به طول می انجامد تا کاربر با صفحه ارتباط بگیرد و باید زیر 2.5 ثانیه باشد و تا 3.2 ثانیه قابل قبول می باشد. با کاهش تعداد ریکوئست ها و کاهش زمان اجرای فایل ها می توان مشکل را برطرف می کرد.
- Total Blocking Time: مجموع زمان بلاک شدن یا TBT مربوط به جابه جایی المان ها در زمان لود شدن را نمایش می دهد. با بهینه سازی فرآیند پشت صفحه مثل آنالیز فایل های CSS و اجرای فایل های JS می توان این مؤلفه را بهبود بخشید.
- Cumulative Layout Shift: این مؤلفه، مقدار تغییرات سایت شما در زمان بارگذاری را نمایش می دهد. انتظار می رود که این مؤلفه تا 0.1 باشد و تا 0.15 می توان گفت که قابل قبول می باشد. به منظور بهبود این مؤلفه باید مواردی که سبب شیفت در صفحه می شوند مانند آی فریم ها یا تبلیغات را به آخر صفحه انتقال داد. فونت سایت باید در آخرین مرحله لود شود. پس از تست سرعت سایت در GTmetrix باید حتماً به اصلاحات لازم پرداخت.
تب Structure
این تب، ساختار کلی سایت را تجزیه و تحلیل می کند و بر مبنای الگوریتم PX کار می کند. این قسمت 30 درصد، امتیاز جی تی متریکس را از آن خود کرده است. برچسب impact در این قسمت اخیراً قرار داده شده است که برچسب ها از High آغاز می شود و به N/A منتهی می شود. آنهایی که دارای برچسب High هستند باید بهبود داده شوند. بهینه سازی ارورهای این قسمت، نه تنها در افزایش امتیاز استراکچر تأثیرگذار هستند بلکه روی امتیاز پرفورمنس اثرگذار هستند.
تب Waterfall
این تب در تست سرعت سایت در GTmetrix از نقش مهمی برخوردار می باشد و ارائه دهنده داده هایی درباره عملکرد سایت می باشد. در اینجا شاهد 5 ستون هستیم که بیانگر تعداد ریکوئست ها و درخواست های دریافتی از سوی کاربر از وب سایت می باشد و یا نشان می دهد که چند ثانیه به طول می انجامد تا هر درخواست بارگذاری شود. به بررسی هر یک از این ستون ها می پردازیم:
URL: در این قسمت، اسم فایل که با مرورگر لود می شود، قابل دیدن است و متوجه png، jpg یا css بودن فایل می شوید.
Status: بیانگر وضعیت پاسخ دهی http به درخواست های ارسالی می باشد.
Domains: نشان می دهد که بارگذاری هر فایل از چه منبعی انجام شده است.
Size: اندازه فایل موردنظر در این بخش معلوم می شود. همه این اندازه ها بیانگر سایز کل صفحه مورد بررسی می باشد. هر اندازه میزان کلی کمتر باشد، بیان کننده سبکی صفحه می باشد.
Timeline: این مؤلفه، پروسه زمان بندی هر ریکوئست را نمایش می دهد و ارائه دهنده ملاکی برای سنجش سرعت صفحه می باشد.
تب Video در تست سرعت سایت در GTmetrix
در این تب شاهد چگونگی بارگذاری سایت در سیستم کاربران به صورت ویدئویی هستید. به بیان دیگر شما ملاحضه می کنید که سایت شما از دید کاربر چطور باز می شود. در نتیجه می توانید اقدامات موردنیاز را انجام دهید.
تب History
این تب، بیان کننده تعداد دفعاتی است که گزارش جی تی متریکس را دریافت کرده اید. همچنین در این بخش می توانید امتیازاتی که سایت شما در طول زمان دریافت کرده است را مشاهده کنید. این تب هم می تواند وضعیت سرعت سایت شما را به نحو دیگری نمایش دهد و اطلاعات ارزشمندی در اختیار شما قرار می دهد.
سخن پایانی
تست سرعت سایت در GTmetrix به شما اطلاعاتی می دهد که با استفاده از آن می توانید سرعت وب سایت خود را بهبود بدهید. پاکسازی کش صفحات، بررسی هاستینگ، بهینه سازی تصاویر، استفاده از CDN و فشرده سازی کدهای سایت از اقداماتی هستند که برای بهبود شاخص های ابزار جی تی متریکس انجام می شود.
این ابزار به موفقیت وب سایت شما کمک زیادی می کند. زیرا وب سایت هایی که دارای سرعت بالایی هستند بیشتر مورد توجه کاربران قرار می گیرند و بازدیدهای بیشتری خواهند داشت. لذا مدیران وب سایت ها باید همواره به بررسی وضعیت سرعت وب سایت خود بپردازند و ایرادات احتمالی را برطرف کنند.