بررسی عملکرد سایت با زبانه Performance در gtmetrix

در صورتی که وب‌سایت شما بهینه نباشد، همهٔ تلاش‌هایتان بی‌نتیجه خواهد بود 😕. یکی از اقدامات مهم بررسی عملکرد سایت از نظر سرعت است 🚀 و در حال حاضر، وب‌سایت Gtmetrix این امکان را برای شما فراهم کرده است 🛠️. در نسخهٔ جدید جیتی‌متریکس شاهد تغییرات جدیدی هستیم 🔄. این تغییرات عمدتاً به تحلیل بخش‌های مختلف سایت مربوط می‌شوند 🔍. بخش‌های جدیدی در سربرگ Performance جیتی‌متریکس ارائه شده که آنالیز دقیقی از وب‌سایت شما ارائه می‌دهند 📊. در آموزش‌های قبلی به نحوه تحلیل سایت با GTMETRIX جدید پرداختیم 📚. اگر می‌خواهید با زبانه Performance در Gtmetrix و نقش آن در بهبود عملکرد سایت بیشتر آشنا شوید، با ما همراه باشید 📰.

در جیتی‌متریکس جدید با اصطلاحات متعددی مواجه می‌شویم 🔢. در نگاه اول شاید این اصطلاحات سخت، پیچیده و نامفهوم باشند 😵 اما این اعداد و ارقام کمک شایانی در راستای بهبود عملکرد سایت دارند 📈.

مطالعه بیشتر: Gtmetrix چیست؟

📊 گزارش Performance در GTmetrix 📊

همان‌طور که قبلاً نیز ذکر شد 📜، زبانه Performance در Gtmetrix برای تحلیل کارایی و عملکرد سایت به کار می‌رود 💻. این بخش شامل دو قسمت زیر است که در ادامه به شرح مفصل هر کدام خواهیم پرداخت:

1️⃣ Performance Metrics: فاکتورهای کلیدی در عملکرد سایت 🏅

2️⃣ Browser Timings: فاکتورهای مؤثر در لودینگ و ارتباط با مخاطب و مرورگر 🌐

📊 1- متریک‌های عملکردی (Performance Metrics) 📊

وقتی روی زبانه Performance در GTmetrix کلیک می‌کنید، اولین بخشی که با آن مواجه می‌شوید، بخش Performance Metrics است 📈. در این قسمت، می‌توانید اصلی‌ترین معیارهای مربوط به سرعت سایت را مشاهده کرده و عملکرد صفحه‌ای که مورد تحلیل قرار داده‌اید را بررسی نمایید 🔍. در ادامه به صورت دقیق هر یک از این معیارها و اصطلاحات جدید GTmetrix را تعریف کرده و نقش آن‌ها در عملکرد سایت را بررسی خواهیم کرد 🛠️.

آموزش زبانه Performance در GTmetrix

FCP یا First Contentful Paint چیست؟ 🖼️

اصطلاح First Contentful Paint که به FCP معروف است، به زمانی اشاره دارد که اولین محتوای متنی، تصویری یا عناصر Canvas صفحه وب‌سایتتان نمایش داده شود ⏱️. این زمان در بررسی عملکرد سایت نقش مهمی را ایفا می‌کند، زیرا هر چقدر در بازه زمانی کوتاه‌تری محتوای صفحه نمایش داده شود، تجربه کاربری بهتری برای بازدیدکنندگان فراهم می‌شود 🌟. از آنجا که در معیار First Contentful Paint روی محتوا تمرکز می‌شود، شما می‌توانید درک بهتری از آنچه که کاربران در ابتدای ورود به صفحه مشاهده می‌کنند پیدا کنید 👀. این امر باعث می‌شود تا بتوانید عملکرد سایت خود را مطابق با تجربه کاربری بهبود ببخشید 📈. به عنوان مثال، اگر صفحه شما سریع‌تر محتوای اولیه را نمایش دهد، کاربران احتمالاً تجربه بهتری خواهند داشت 🎉.

تعامل‌پذیری صفحه Time to Interactive 🤝

TTI یا Time to Interactive معیاری برای سنجش میزان پاسخگو بودن بارگذاری صفحه است 📊. این معیار نشان می‌دهد که چقدر زمان می‌برد تا یک صفحه در شرایطی قرار بگیرد که بتواند با بازدیدکننده تعاملی سازنده داشته باشد ⏳. اگر TTI صفحات وب‌سایت شما کندتر باشد، بازدیدکنندگان ممکن است احساس کنند که سایت شما پاسخگو نیست، که این امر باعث ایجاد تجربه کاربری منفی می‌شود 😕. اگر ارزشمندترین محتوای صفحه شما دقیقاً همان طولانی‌ترین محتوا باشد، می‌توان نتیجه گرفت که صفحه شما از نظر Time to Interactive بهترین عملکرد ممکن را دارد 🏆.

سرعت بارگذاری نیمه اول صفحه Speed Index 🚀

SI یا Speed Index نشان می‌دهد که چقدر زمان می‌برد تا نیمه بالای صفحه به‌طور کامل بارگذاری شود 🖥️. SI به موارد مختلفی از جمله اندازه مرورگر، FCP و LCP بستگی دارد و خودش به تنهایی یک معیار در جدول زمانی بارگیری صفحه نیست، بلکه یک نتیجه‌گیری محاسباتی است که با آنالیز و تجزیه و تحلیل چندین معیار به دست می‌آید 📐.

زمان مسدود شده Total Blocking Time ⏲️

TBT یا Total Blocking Time میزان زمان مسدود بودن صفحه وب را محاسبه می‌کند، زمانی که صفحه از تعامل کاربران جلوگیری می‌کند 🚧. این معیار در سال 2020 توسط Lighthouse معرفی شد و جایگزینی برای معیار FID (First Input Delay) در زبانه PageSpeed قبلی GTmetrix است 📏. TBT یک معیار کلیدی در بررسی عملکرد سایت است و به شما نشان می‌دهد که صفحه وب شما چقدر پاسخگو بوده است 🤖.

بزرگ‌ترین المان صفحه Largest Contentful Paint 🖼️

LCP یا Largest Contentful Paint به نمایش بزرگ‌ترین محتوای صفحه اشاره دارد 📺. این معیار نشان می‌دهد که چقدر زمان می‌برد تا بزرگ‌ترین محتوای صفحه، مانند متن یا تصویر، به کاربران نمایش داده شود ⏱️. هر چقدر این محتوا سریع‌تر نمایش داده شود، تجربه کاربری بهتری خواهید داشت و اعتبار بیشتری در نظر کاربران کسب خواهید کرد 🌟.

جابجایی المان‌ها تا نمایش نهایی Cumulative Layout Shift 🔄

CLS یا Cumulative Layout Shift معیاری برای اندازه‌گیری میزان ثبات بصری صفحه در زمان بارگذاری است 🖥️. این معیار بررسی می‌کند که در زمان بارگذاری صفحه چه تغییرات غیرمنتظره‌ای در عناصر تشکیل‌دهنده صفحه اتفاق می‌افتد 🔍. CLS یکی از معیارهای مهم برای ارائه یک تجربه کاربری لذت‌بخش است و به عنوان یکی از معیارهای کلیدی در بررسی عملکرد سایت شناخته می‌شود 🌐.

این معیارها به شما کمک می‌کنند تا با بهبود عملکرد سایت، تجربه کاربری بهتری را برای بازدیدکنندگان فراهم کنید و در نتیجه، موفقیت بیشتری در دنیای آنلاین کسب کنید 🌟📊

🌐 2- بخش لودینگ و ارتباط مخاطب و مرورگر (Browser Timings) 🌐

بخشی تحت عنوان Browser Timings در سربرگ Performance جی‌تی‌متریکس ارائه شده که قبلاً در سربرگ‌های PageSpeed/YSlow در نسخه قدیمی جی‌تی‌متریکس قابل دسترس بود. این بخش به شما کمک می‌کند تا به شکلی بهینه‌تر عملکرد سایت خود را بررسی کنید. در نسخه جدید، جزئیات بیشتری از تحلیل و آنالیز وب‌سایت خود به دست می‌آورید که در ادامه به شرح مفصل هر کدام از این موارد خواهیم پرداخت 📊.

🔍 بررسی عملکرد سایت با جی‌تی‌متریکس

⏱️ مدت زمان ریدایرکت شدن آدرس‌ها (Redirect Duration)

این اصطلاح به مدت زمان تغییر مسیر URLها اشاره دارد. هر چه این مدت زمان کوتاه‌تر باشد، برای وب‌سایت بهتر است. منظور از Redirect Duration مدت زمان صرف شده برای هدایت URLها قبل از بارگیری کامل صفحه HTML است و یک معیار تعیین‌کننده در زمینه بررسی عملکرد سایت از نظر سرعت به شمار می‌رود 🚀.

📌 رایج‌ترین ریدایرکت‌ها:

• ریدایرکت از آدرسی بدون www به آدرسی با www (مثلاً از MizbanPack.com به www.MizbanPack.com) 🌍
• ریدایرکت به آدرس‌های امن سایت (سوئیچ از http به https) 🔒
• هدایت به نسخه موبایلی سایت 📱
• ریدایرکت جهت تنظیم کوکی‌ها 🍪

اگر چندین ریدایرکت انجام شود، مدت زمان تغییر مسیر افزایش می‌یابد. برای مثال، ممکن است ابتدا ریدایرکت آدرس بدون www به www و سپس سوئیچ از http به https انجام شود 🔀. در چنین شرایطی، مدت زمان تغییر مسیر یا Redirect Duration افزایش خواهد یافت. در صورت عدم وجود ریدایرکت، این مقدار برابر با 0 خواهد بود 🚫.

📊 بهبود پرفورمنس سایت

در زبانه Waterfall جی‌تی‌متریکس، مبحث Redirect Duration به صورت نمودارهای رنگی نمایش داده می‌شود که شامل مدت زمان لود از شروع ارزیابی URL تا قبل از درخواست شروع بارگذاری کامل آن صفحه است. در واقع، در تصویر زیر URLهای مختلفی را می‌بینید که وضعیت هر کدام در ستون status نوشته شده است. از شروع ریدایرکتی که وضعیت آن 301 است تا زمانی که به وضعیت 200 برسیم، Redirect Duration یا همان مدت زمان تغییر مسیر را داریم 📈.

📚 آموزش بهبود پرفورمنس سایت

در تمام این مدت بارگذاری، مرورگر خالی است و شما صفحه‌ای سفید رنگ مشاهده می‌کنید. بنابراین بهتر است تا حد امکان با کاهش تعداد ریدایرکت‌های سایت، در راستای پایین آوردن میزان Redirect Duration تلاش کنید. برای کسب اطلاعات بیشتر در خصوص مبحث ریدایرکت آدرس‌ها می‌توانید راهنمای گام به گام ریدایرکت سایت را مطالعه نمایید 📖

⏱️ مدت زمان اتصال (Connection Duration) ⏱️

پس از صورت گرفتن هرگونه ریدایرکت، Connection Duration یا همان مدت زمان اتصال تخمین زده می‌شود. این مدت زمان شامل مدت زمان اتصال به سرور و درخواست صفحه است که در جی‌تی‌متریکس نمایش داده می‌شود. از نظر تکنیکی، این مدت زمان ترکیبی از blocked time، DNS time، زمان اتصال و همچنین زمان صرف شده برای بررسی درخواست می‌باشد. تمامی این جزئیات به دلیل کوتاه بودن، ترکیب شده و تحت عنوان Connection Duration در جی‌تی‌متریکس قابل بررسی است 🌐.

🔍 تحلیل کارایی و عملکرد سایت

در نمودار Waterfall، مدت زمان اتصال یا Connection Duration شامل درخواست‌های ارسالی برای بارگذاری نهایی صفحه HTML است. در واقع، تا زمانی که به درخواستی با وضعیت 200 برسد، Connection Duration محاسبه می‌شود. درست مثل مورد قبلی، در طول این مدت، مرورگر خالی و سفید رنگ نمایش داده می‌شود. مدت زمان طولانی شدن صفحه سفید قبل از بارگذاری کامل سایت، به عوامل متعددی از جمله اتصال کند، مشکل در اتصال سایت به سرور، طولانی شدن مدت زمان دریافت پاسخ از سمت سرور یا سایت و… بستگی دارد. این معیار می‌تواند در زمینه بررسی عملکرد سایت به شما کمک بسزایی نماید 🚀.

💻 مدت زمان ارسال پاسخ (Backend Duration)

بعد از اینکه درخواست ارسال و اتصال کامل شد، سرور باید پاسخی برای این صفحه ارسال کند. این مدت زمان پاسخگویی سرور، Backend Duration نامیده می‌شود. در نمودار Waterfall جی‌تی‌متریکس، این مدت زمان انتظار درخواست صفحه تا دریافت پاسخ را به رنگ بنفش مشاهده می‌کنیم 🟪.

🛠️ آموزش بهبود عملکرد سایت

ممکن است به دلایل متعددی مثل بهینه نبودن کدها، استفاده نکردن از افزونه‌های کش، استفاده از سرورهای میزبانی ضعیف و… زمان Backend Duration کمی کند شود. فاکتورهای متعددی در این زمینه تاثیرگذار هستند، از جمله:

• استفاده از سرویس‌های میزبانی وب با کیفیت 🖥️
• استفاده از حافظه کش 💾

برای بهبود عملکرد سایت، استفاده از افزونه‌های کش و زیرساخت‌های میزبانی با کیفیت بسیار حائز اهمیت است. 🌟

Time to First Byte (TTFB) چیست؟ 🕒💻

Time to First Byte (TTFB) به مدت زمانی گفته می‌شود که طول می‌کشد تا اولین بایت از پاسخ سرور پس از ارسال درخواست از سمت کاربر دریافت شود. این مدت زمان شامل تمامی مراحل از ارسال درخواست از سمت مرورگر تا دریافت اولین بایت داده از سرور است و به عنوان server response time نیز شناخته می‌شود.

عوامل موثر بر TTFB 🕵️‍♂️📈

TTFB شامل سه بخش اصلی است:

1. مدت زمان ریدایرکت (Redirect Duration): ⏩ مدت زمانی که برای تغییر مسیر URL ها صرف می‌شود.
2. مدت زمان اتصال (Connection Duration): 🔌 مدت زمانی که برای اتصال به سرور و ارسال درخواست طی می‌شود.
3. مدت زمان پاسخگویی سرور (Backend Duration): 💻 مدت زمانی که سرور برای پردازش درخواست و ارسال پاسخ صرف می‌کند.

این سه بخش با هم مجموع زمان TTFB را تشکیل می‌دهند. بنابراین بهبود هر یک از این مراحل می‌تواند به کاهش TTFB کمک کند.

اهمیت TTFB 🚀🌐

TTFB نقش حیاتی در تجربه کاربری دارد زیرا:

• تاخیر در TTFB به معنای نمایش صفحه سفید به کاربران تا دریافت اولین بایت پاسخ است. ⏳📄
• TTFB بالا می‌تواند باعث افزایش نرخ ترک سایت (bounce rate) شود. 📉👋

راهکارهای کاهش TTFB 🔧🛠️

برای کاهش TTFB و بهبود عملکرد سایت می‌توان از راهکارهای زیر استفاده کرد:

1. بهینه‌سازی کدهای سایت: ✍️💡
   • کاهش پیچیدگی کدها
   • بهینه‌سازی کوئری‌های پایگاه داده
   • استفاده از فشرده‌سازی کدها (مانند Gzip)
2. استفاده از حافظه کش: 🗃️⚡
   • استفاده از حافظه کش سمت سرور
   • استفاده از حافظه کش سمت کاربر (مرورگر)
3. به‌روزرسانی سخت‌افزارهای سرور: 🖥️💪
   • استفاده از سرورهای قدرتمند با منابع بالا مثل RAM و CPU
4. پیکربندی مناسب سرور: ⚙️🛠️
   • تنظیمات دقیق و بهینه‌سازی شده سرور
   • استفاده از سرورهای مخصوص وردپرس (در صورت استفاده از وردپرس)
5. کاهش تعداد ریدایرکت‌ها: 🚫⏩
   • جلوگیری از استفاده غیرضروری از ریدایرکت‌ها

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

First Paint چیست؟ 🎨🖌️

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

اهمیت First Paint 🌟

First Paint از اهمیت بالایی برخوردار است زیرا:

• تا این مرحله، مرورگر یک صفحه خالی و سفید به کاربر نمایش می‌دهد.
• نمایش اولین پیکسل یا تغییر رنگ پس‌زمینه نشان می‌دهد که فرایند بارگذاری صفحه آغاز شده است، هرچند که محتوای اصلی هنوز بارگذاری نشده باشد.

تفاوت First Paint و دیگر اصطلاحات بارگذاری محتوا 🚀

علاوه بر First Paint، دو اصطلاح مهم دیگر در زمینه بارگذاری محتوا وجود دارد:

• First Contentful Paint (FCP): 🖼️ اولین زمانی که یک عنصر محتوایی مانند متن، تصویر یا عنوان برای کاربر نمایش داده می‌شود.
• Largest Contentful Paint (LCP): 📜 معیاری که نشان می‌دهد چقدر طول می‌کشد تا بزرگترین عنصر محتوایی صفحه مانند هدر، عناوین یا تصاویر برای کاربر نمایش داده شود. هرچه این زمان کوتاه‌تر باشد، عملکرد بهتری دارید.

چگونگی نمایش و تحلیل First Paint در جی‌تی‌متریکس 📊

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

1. مرحله اول: مرورگر یک صفحه سفید را نمایش می‌دهد.
2. مرحله دوم: First Paint رخ می‌دهد و اولین تغییرات نمایشی آغاز می‌شود.
3. مرحله سوم: First Contentful Paint (FCP) که اولین عنصر محتوایی نمایش داده می‌شود.
4. مرحله چهارم: Largest Contentful Paint (LCP) که بزرگترین عنصر محتوایی صفحه نمایش داده می‌شود.

اهمیت بهبود First Paint و تاثیر آن بر تجربه کاربری 👩‍💻👨‍💻

بهبود زمان First Paint می‌تواند تاثیر قابل توجهی بر تجربه کاربری داشته باشد:

• کاهش مدت زمان نمایش صفحه سفید: کاربران سریع‌تر احساس می‌کنند که صفحه در حال بارگذاری است.
• افزایش تعامل کاربر: کاربران بیشتر به سایت علاقه‌مند می‌شوند و احتمال ترک سایت کاهش می‌یابد.

راهکارهای بهبود First Paint 🛠️🌐

1. بهینه‌سازی کدها و منابع: فشرده‌سازی فایل‌های CSS و JavaScript، کاهش حجم تصاویر و استفاده از فرمت‌های بهینه‌تر.
2. استفاده از حافظه کش: استفاده از حافظه کش سمت سرور و مرورگر برای دسترسی سریع‌تر به منابع.
3. کاهش تعداد درخواست‌ها: بهینه‌سازی تعداد درخواست‌های HTTP و کاهش تعداد فایل‌های بارگذاری شده.
4. بهینه‌سازی سرور: استفاده از سرورهای قدرتمند و تنظیمات بهینه برای سرور.

DOM چیست؟ 📄🌳

DOM مخفف Document Object Model است که به معنای مدل‌سازی عناصر سند می‌باشد. DOM استانداردی است که به شما امکان می‌دهد تا با ساختار و محتوای یک صفحه وب به صورت برنامه‌نویسی تعامل داشته باشید. این مدل به زبان‌های برنامه‌نویسی، به‌ویژه جاوااسکریپت، اجازه می‌دهد تا عناصر صفحه را به صورت درختی مدیریت کنند و تغییرات لازم را اعمال نمایند.

ساختار و عملکرد DOM 🌲🔧

1. مدل درختی:
   • Document: در بالای ساختار، عنصر <document> قرار دارد که نمایانگر کل صفحه HTML است.
   • Elements: تگ‌های HTML مانند <html>, <head>, و <body> به صورت گره‌های درختی نمایش داده می‌شوند. این تگ‌ها به نوبه خود می‌توانند شامل تگ‌های دیگر باشند که به صورت گره‌های تو در تو ترسیم می‌شوند.
   • Attributes: ویژگی‌های هر تگ مانند class و id به عنوان گره‌های فرزند برای آن تگ‌ها ثبت می‌شوند.
   • Text: متون موجود در تگ‌ها، مانند محتوای <p> و <h1>, به عنوان گره‌های متن در ساختار درختی قرار می‌گیرند.

مثال عملی از DOM 📜

با نگاهی به مثال کد HTML زیر، می‌توانیم ساختار درختی DOM را بهتر درک کنید:

ساختار درختی DOM برای کد بالا:

1. Document (ریشه درخت)
   • html
     • head
       • title: “My Title”
     • body
       • h1: “My Header”
       • p: “My Paragraph”

کاربردهای DOM 💻🛠️

1. دستکاری محتوا: با استفاده از جاوااسکریپت، می‌توانید محتوای عناصر HTML را تغییر دهید، مانند تغییر متن یا ویژگی‌های تگ‌ها.
2. ایجاد عناصر: به شما این امکان را می‌دهد که به صورت برنامه‌نویسی عناصر جدید به صفحه اضافه کنید.
3. مدیریت رویدادها: به شما اجازه می‌دهد تا به رویدادهای مختلف مانند کلیک‌ها و ورودی‌ها پاسخ دهید و تعاملات کاربر را مدیریت کنید.

چگونه DOM کار می‌کند؟ 🔄📊

1. ایجاد درخت DOM: مرورگر کد HTML را تجزیه کرده و آن را به ساختار درختی تبدیل می‌کند.
2. دستکاری درخت: با استفاده از جاوااسکریپت، می‌توانید به صورت دینامیک به این درخت دسترسی پیدا کرده و تغییرات لازم را اعمال کنید.
3. نمایش نتایج: تغییرات ایجاد شده در DOM به صورت فوری در مرورگر نمایش داده می‌شود، بدون اینکه نیاز به بارگذاری مجدد صفحه باشد.

تحلیل زمان‌بندی در جی تی متریکس 🌐🕒

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

1. DOM Interactive Time ⏳🌳

DOM Interactive Time زمانی است که مرورگر فرآیند بارگذاری و تجزیه و تحلیل سند HTML را به پایان رسانده و ساختار درختی DOM را ایجاد کرده است. به عبارت دیگر، این نقطه زمانی است که ساختار صفحه برای تعاملات بعدی آماده است.

• گزارش Performance در جی تی متریکس: در نمودار Waterfall، این زمان به صورت جداگانه نمایش داده نمی‌شود و به طور معمول نزدیک به زمان DOM Content Loaded است. برای مشاهده زمان دقیق DOM Interactive، می‌توانید به سربرگ PERFORMANCE در جی تی متریکس مراجعه کنید.

2. DOM Content Loaded Time 📊📅

DOM Content Loaded یا DOM Loaded زمانی است که ساختار درختی DOM به طور کامل ترسیم شده و هیچ مانعی برای اجرای جاوا اسکریپت‌ها وجود ندارد.

• گزارش Performance در جی تی متریکس: در نمودار Waterfall، این زمان با خط سبز رنگ نمایش داده می‌شود. DOM Content Loaded نشان‌دهنده این است که ساختار HTML به طور کامل بارگذاری شده و جاوا اسکریپت‌ها می‌توانند شروع به اجرا کنند.

نکته مهم: اگر کدنویسی بهینه نباشد یا استایل‌ها و اسکریپت‌ها به درستی مدیریت نشده باشند، زمان DOM Content Loaded ممکن است افزایش یابد. استفاده از افزونه‌هایی مانند WP Rocket می‌تواند در بهینه‌سازی و تاخیر اجرای جاوا اسکریپت‌ها کمک کند.

3. Onload Time ⏲️📈

Onload Time زمانی است که تمامی منابع صفحه شامل تصاویر، CSS، و جاوا اسکریپت‌ها بارگذاری شده و صفحه به طور کامل آماده استفاده است.

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

4. Fully Loaded Time 🕵️‍♂️📚

Fully Loaded Time آخرین مرحله از فرآیند بارگذاری است که به معنای بارگذاری کامل تمامی منابع و توقف استفاده از شبکه و CPU است.

• گزارش Performance در جی تی متریکس: این معیار به رنگ بنفش در نمودار Waterfall نمایش داده می‌شود. برای محاسبه Fully Loaded Time، باید زمان‌های زیر را در نظر بگیرید:
  • First Paint
  • First Contentful Paint
  • Onload Time
  • توقف استفاده از شبکه و CPU

نکته: جی تی متریکس تا زمانی که فرآیند بارگذاری کامل نشود، تست را متوقف نمی‌کند تا نتایج دقیق‌تری ارائه دهد. بهینه‌سازی سایت به انتخاب یک هاست مناسب و بهینه‌سازی کدهای سایت وابسته است.

سوالات متداول درباره گزارش Performance در GTmetrix

1. جی تی متریکس چیست؟ 🤔

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

2. زبانه Performance برای چه کاری استفاده می‌شود؟ 🛠️

زبانه Performance در GTmetrix به منظور تحلیل کارایی و عملکرد سایت مورد استفاده قرار می‌گیرد. این زبانه شامل اطلاعات دقیقی در مورد زمان بارگذاری، نقاط قوت و ضعف، و جزئیات مربوط به عملکرد وبسایت است که به شما کمک می‌کند تا بهینه‌سازی‌های لازم را انجام دهید.

3. زبانه Performance جی تی متریکس چیست؟ 📊

زبانه Performance عملکرد کلیه وبسایت را به همراه جزئیات صفحه و رتبه‌بندی سایت از نظر ضعف و قدرت عملکرد نشان می‌دهد. این زبانه شامل معیارهای مختلفی از جمله زمان بارگذاری، TTFB، DOM Interactive Time، و سایر فاکتورهای مهم در تحلیل عملکرد وبسایت است.