هناك الكثير من الخيارات التي لديك بصفتك مالكًا لموقع الويب عندما يتعلق الأمر بإجراء اختبارات السرعة للتحقق من الأداء. في السابق ، ألقينا نظرة متعمقة على أداة Pingdom . نريد اليوم التعمق في كيفية استخدام البيانات وفهمها بشكل أفضل من أداة اختبار سرعة موقع الويب الشهيرة GTmetrix . تعتمد أدوات مثل هذه على أنظمة الدرجات والنتائج ، جنبًا إلى جنب مع التحذيرات بشأن الأخطاء التي قد تكون على موقعك. في بعض الأحيان قد تكون هذه الأمور مربكة تمامًا ، وبالتالي فإن قضاء بعض الوقت في تفسير ما تعنيه بالفعل ، يمكن أن يساعدك ليس فقط في زيادة درجاتك ، ولكن أيضًا في أداء موقعك ، وهو ما يهم حقًا.
جرب نسخة تجريبية مجانية
معرفة كيفية عملGTmetrix هي معلومات لا تقدر بثمن لأصحاب مواقع وورد بريس! ⏱
انقر للتغريد
GTmetrix تم تطويره من قبل GT.net، وهي شركة مقرها خارج كندا، كأداة لاستضافة عملائها لتحديد أداء مواقعهم بسهولة. إلى جانب Pingdom ، من المحتمل أن تكون واحدة من أشهر أدوات اختبار السرعة وأكثرها استخدامًا على الويب اليوم! في الواقع ، سبب كتابتنا لهذا هو أن لدينا الكثير من عملاء Kinsta الذين يسألوننا دائمًا عن كيفية اتباع النصائح التي يرونها في تقارير GTmetrix الخاصة بهم. بالمقارنة مع أدوات المطورين الأخرى ، فإن GTmetrix سهل الاستخدام ويمكن للمبتدئين التقاطه بسرعة كبيرة. يستخدم مزيجًا من Google PageSpeed Insights و YSlow لإنشاء النتائج والتوصيات.
اختبار سرعة موقع gtmetrix
أداة اختبار سرعة GTmetrix
الإصدار الأساسي من GTmetrix مجاني تمامًا ويمكنك الوصول إلى عدد من الخيارات بمجرد التسجيل للحصول على حساب. لديهم أيضًا خطط متميزة ، ولكن في منشور اليوم ، سنستخدم الإصدار المجاني. إذا كان لديك حساب ، يمكنك استخدام تحديد عدد من خيارات التحليل الإضافية.
الأول هو القدرة على اختيار الموقع الذي تريد اختبار عنوان URL الخاص بك فيه. يعد الموقع الفعلي الذي تختاره مهمًا جدًا في الواقع من حيث صلته بالمكان الذي تتم فيه استضافة موقع الويب الخاص بك بالفعل. كلما قل زمن الوصول ، زادت سرعة أوقات التحميل. تشمل المواقع المتاحة حاليًا ما يلي:
دالاس ، الولايات المتحدة الأمريكية
هونغ كونغ، الصين
لندن، المملكة المتحدة
مومباي، الهند
سيدني، أستراليا
ساو باولو، البرازيل
فانكوفر، كندا
يمكنك اختيار المتصفح الذي تريد استخدامه. يمكنك الاختبار باستخدام Chrome (سطح المكتب) و Firefox (سطح المكتب). إصدارات الأجهزة المحمولة متوفرة في خططهم المتميزة. كما أنها تسمح لك بتغيير سرعة الاتصال ، مما يعني أنه يمكنك محاكاة أنواع الاتصال المختلفة لمعرفة كيفية تأثيرها على عمليات تحميل صفحتك.
تنسيق اختبار gtmetrix
خيارات تنسيق اختبار GTmetrix
تتضمن الخيارات الإضافية القدرة على إنشاء مقطع فيديو . يمكن أن يساعدك هذا في تصحيح الأخطاء كما ترى كيف يتم عرض الصفحة. يعد AdBlock Plus ميزة رائعة. إذا كنت تدير شبكة إعلانية تابعة لجهة خارجية مثل Google Adsense ، فيمكنك تمكين هذا الخيار لمعرفة التأثير الكامل للإعلانات على أوقات التحميل.
خيارات إضافية gtmetrix
GTmetrix خيارات إضافية
تشمل الخيارات الإضافية إيقاف اختبار التحميل (الذي سنتعمق فيه لاحقًا) ، والقدرة على إرسال ملف تعريف ارتباط مع طلبك ، واستخدام مصادقة HTTP ، والقدرة على إضافة عناوين URL إلى القائمة البيضاء والقائمة السوداء ، ودقة الشاشة ونسبة بكسل الجهاز ، وتجاوز وكيل المستخدم .
تتكون صفحة الويب من أصول مختلفة ، مثل HTML و JavaScript و CSS والصور. ينشئ كل من هذه الطلبات لتقديم ما تراه على موقع الويب الخاص بك. عادة كلما زاد عدد الطلبات التي لديك ، كلما كان تحميل موقع الويب الخاص بك أبطأ. ليس هذا هو الحال دائمًا ، لكنه صحيح في معظم الأوقات.
سنقوم أدناه بتفكيك كل قسم من أقسام GTmetrix ونوضح بمزيد من التفصيل ما تعنيه المعلومات من حيث صلتها بالأداء العام لموقع الويب الخاص بك وماذا تفعل بشأن التوصيات. تذكر ألا تستحوذ على الكثير من النتائج ، بل على إجراء تحسينات فعلية للسرعة على موقعك.
ملخص GTmetrix
أداء
بنية
مخطط الشلال
فيديو
تاريخ
عندما تقوم بتشغيل موقع وورد بريس الخاص بك من خلال GTmetrix ، فإنه يُنشئ تقرير أداء يتضمن “GTmetrix Grade” و “Web Vitals”.
يتم حساب درجة GTmetrix من مقياسين – الأداء والهيكل.
أداء GTmetrix هو نتيجة الأداء من أداة تدقيق موقع Lighthouse
GTmetrix Structure هو مقياس أداء خاص يقيس الأداء العام للصفحة.
في عام 2020 ، قدمت Google مجموعة موحدة من مقاييس أداء الويب وتجربة المستخدم تسمى Web Vitals. تتكون عناصر الويب الحيوية من مجموعة متنوعة من المقاييس ، ولكن المقاييس التي تأخذها GTmetrix في الاعتبار هي أكبر رسم محتوى (LCP) ، وإجمالي وقت الحظر (TBT) ، وتغيير التخطيط التراكمي (CLS).
Largest Contentful Paint (LCP) هو مقدار الوقت الذي يستغرقه تحميل الجزء الأكبر من صفحتك. بالنسبة لبعض المواقع ، يمكن أن يكون LCP صورة بطل كبيرة ، بينما في مواقع أخرى ، قد يشير LCP إلى النص الأساسي.
إجمالي وقت الحظر (TBT) هو مقدار الوقت الذي يتم فيه حظر الصفحة قبل أن يتمكن المستخدم من التفاعل معها. يمكن أن يكون لـ CSS و JS لحظر العرض تأثير كبير على مركبات ثلاثي بوتيل القصدير.
يشير التحول التراكمي في التخطيط (CLS) إلى إزاحة العناصر أثناء تحميل الصفحة. على سبيل المثال ، يمكن أن يتغير تخطيط الصفحة التي تحتوي على التغريدات المضمنة بشكل كبير أثناء تحميل الصفحة.
في مثالنا ، نستخدم مجال دراسة الحالة الخاص بنا kinstalife.com ، والذي تتم استضافته على Kinsta. في اختبار السرعة الأول ، سجل موقعنا الإحصائيات التالية.
GTmetrix الصف – ب
أداء GTmetrix – 85٪
هيكل GTmetrix – 83٪
LCP – 1.0 ثانية
TBT – 0 مللي ثانية
CLS – 0
اختبار سرعة GTmetrix لـ kinstalife.com.
اختبار سرعة GTmetrix لـ kinstalife.com.
ثم أجرينا اختبارًا إضافيًا والآن أصبحت درجة GTmetrix الخاصة بنا هي “A”! ما هو كل شيء عن؟ قد تلاحظ ذلك أيضًا إذا كنت تقوم بتشغيل موقع الويب الخاص بك من خلال أداة اختبار سرعة GTmetrix عدة مرات. أحد أسباب حدوث ذلك هو بسبب التخزين المؤقت ، والتخزين المؤقت لنظام أسماء النطاقات والتخزين المؤقت للخادم . اكتشف السبب في مزيد من التفاصيل أدناه في تحليل الشلال الخاص بنا .
اختبار السرعة الثاني مع GTmetrix.
اختبار السرعة الثاني مع GTmetrix.
تحتوي صفحة ملخص GTmetrix أيضًا على تصور للسرعة ، والذي يعرض مخططًا زمنيًا للأحداث الرئيسية أثناء تحميل الصفحة. في لقطة الشاشة أدناه ، يمكنك رؤية TTFB و FCP و LCP ووقت التحميل ووقت التفاعل ووقت التحميل الكامل لـ kinstalife.com.
في الجزء السفلي من صفحة الملخص ، يوجد أيضًا قسم “أهم المشكلات” و “تفاصيل الصفحة”. ضمن “أهم المشكلات” ، يمكنك الاطلاع على قائمة بالعناصر ذات الأولوية العالية التي يجب إصلاحها ، بينما توفر “تفاصيل الصفحة” النسبة المئوية وتقسيم حجم الملف لصفحتك.
في الجزء السفلي من صفحة الملخص ، يوجد أيضًا قسم “أهم المشكلات” و “تفاصيل الصفحة”. ضمن “أهم المشكلات” ، يمكنك الاطلاع على قائمة بالعناصر ذات الأولوية العالية التي يجب إصلاحها ، بينما توفر “تفاصيل الصفحة” النسبة المئوية وتقسيم حجم الملف لصفحتك.
أهم قضايا GTmetrix وتفاصيل الصفحة.
أهم قضايا GTmetrix وتفاصيل الصفحة.
التالي هو علامة التبويب “الأداء” GTmetrix ، والتي تعرض عددًا من المقاييس المفيدة التي تم الحصول عليها من بيانات أداء Lighthouse. بالإضافة إلى LCP و TBT و CLS الموضحة في صفحة الملخص ، يعرض قسم “مقاييس الأداء” أيضًا مؤشر السرعة (SI) ووقت التفاعل (TTI) وأول رسم محتوى (FCP).
مقاييس أداء GTmetrix Lighthouse.
مقاييس أداء GTmetrix Lighthouse.
على الرغم من أن قسم “مقاييس الأداء” لا يُظهر لك بالضبط ما تحتاج إلى إصلاحه ، إلا أنه يعطي نظرة عامة لطيفة حول مقاييس تجربة المستخدم الرئيسية التي يمكنك تحسينها.
أسفل الصفحة ، يعرض GTmetrix أيضًا عددًا قليلاً من إحصائيات “توقيت المستعرض” التقليدية بما في ذلك وقت التحميل ، والوقت حتى البايت الأول ، ووقت التحميل الكامل ، والمزيد. في الماضي ، كانت هذه المقاييس التقليدية مهمة للغاية. ومع ذلك ، مع تمهيد Google الطريق بمقاييس موحدة باستخدام Web Vitals ، نوصي بالتحسين لتلك المقاييس بدلاً من ذلك. في معظم الحالات ، ستجد أن تحسين Web Vitals سيؤدي أيضًا إلى مقاييس توقيت جيدة للمتصفح.
مقاييس توقيت متصفح GTmetrix.
مقاييس توقيت متصفح GTmetrix.
علامة التبويب “هيكل” GTmetrix هي المكان الذي يمكنك فيه عرض مشكلات معينة تؤثر على أداء موقعك. هذه الصفحة مفيدة جدًا لأنها توفر لك معلومات قابلة للتنفيذ مثل “إزالة موارد حظر العرض” و “تصغير CSS” لبدء تحسين موقعك.
سنحاول تغطية أكثر المواقع شيوعًا وشعبية التي نرى أصحاب مواقع وورد بريس يعانون منها. تأكد أيضًا من وضع إشارة مرجعية على هذا المنشور حيث سنقوم بتحديثه باستمرار. بشكل عام ، إذا قمت بتحسينها على موقعك ، فمن المفترض أن ترى زيادة في الأداء.
نتائج gtmetrix pagespeed
عشرات GTmetrix PageSpeed
عندما يتعلق الأمر بالعمل مع الصور على موقع الويب الخاص بك ، يجب أن تحاول دائمًا تحميلها على نطاق واسع ، وعدم السماح لـ CSS بتغيير حجمها. إذا لم تقم بذلك ، فسينتهي بك الأمر مع توصية الصور المقاسة للخدمة . إذا كنت تستخدم وورد بريس ، بشكل افتراضي ، فإنه يغير حجم صورك عند تحميلها إلى مكتبة الوسائط. يمكن العثور على هذه الإعدادات ضمن “الإعدادات> الوسائط”. ستحتاج إلى التأكد من أن العرض الأقصى قريب من عرض موقعك. بهذه الطريقة لا تحاول CSS تغيير حجم صورتك لتناسب الداخل. يمكنك أيضًا تغيير حجمها تلقائيًا باستخدام مكون إضافي لتحسين الصورة.
تقدم gtmetrix صورًا متدرجة
خدمة الصور التي تم تحجيمها
لا يُنصح عادةً بتضمين CSS لأنه سيزيد من حجم التنزيل الكلي لطلب صفحتك. ومع ذلك ، إذا كان موقعك صغيرًا ، بأقل عدد من الطلبات ، فقد يؤدي ذلك إلى تحسين أدائك.
gtmetrix css الصغيرة المضمنة
CSS صغير مضمّن
لتضمين CSS الخاص بك بسهولة ، يمكنك استخدام مكون إضافي مجاني مثل Autoptimize . ما عليك سوى التحقق من “Inline all CSS؟” الخيار ثم تأكد من استبعاد ملفات CSS الإضافية التي لم تكن مضمنة.
التحسين التلقائي لـ Css المضمنة
التحسين التلقائي لـ CSS المضمنة
تمامًا كما هو الحال مع تضمين CSS الصغير ، ينطبق الشيء نفسه على تضمين JavaScript صغير. لا يُنصح به عادةً لأنه سيزيد من الحجم الإجمالي لتنزيل طلب صفحتك. ومع ذلك ، إذا كان موقعك صغيرًا ، بأقل عدد من الطلبات ، فقد يؤدي ذلك إلى تحسين أدائك. مرة أخرى ، يمكنك استخدام إعدادات JavaScript الخاصة بالتحسين التلقائي .
gtmetrix جافا سكريبت صغير مضمّن
مضمنة صغيرة جافا سكريبت
تعد الاستفادة من التخزين المؤقت للمتصفح توصية شائعة جدًا يعاني منها الأشخاص. تم إنشاء هذا بسبب عدم وجود رؤوس ذاكرة التخزين المؤقت HTTP الصحيحة على خادم الويب الخاص بك. اطلع على منشورنا المتعمق حول كيفية إصلاح تحذير التخزين المؤقت لمتصفح الرافعة المالية . يمكنك فقط إصلاح هذا على الموارد التي تتحكم فيها. على سبيل المثال ، إذا كنت ترى هذا على شبكات الإعلانات التابعة لجهات خارجية ، فلا يوجد ما يمكنك فعله.
gtmetrix مستعرض التخزين المؤقت
الاستفادة من التخزين المؤقت للمتصفح
إذا كنت ترى موارد الخدمة من عنوان URL ثابت ، فمن المرجح أن لديك موارد متطابقة يتم تقديمها من نفس عنوان URL. يمكن أن يحدث هذا في كثير من الأحيان عندما تكون هناك سلاسل استعلام متضمنة. تحقق من كيفية إزالة سلاسل الاستعلام من الموارد الثابتة . بمجرد رحيلهم ، لن يكون من الضروري تحميله مرتين.
خدمة الموارد من عنوان URL ثابت
خدمة الموارد من عنوان URL ثابت
جافا سكريبت و CSS يحظران العرض بشكل افتراضي. هذا يعني أنه يمكنهم منع عرض صفحة الويب حتى يتم تنزيلها ومعالجتها بواسطة المتصفح. تخبر السمة defer المتصفح بالتوقف عن تنزيل المورد حتى يكتمل تحليل HTML. بعض الطرق السهلة لإصلاح ذلك هي استخدام الإضافات Autoptimize أو Async JavaScript الإضافية المجانية . تأكد من إطلاعك على منشورنا المتعمق حول كيفية التخلص من حظر عرض JavaScript و CSS .
تأجيل تحليل جافا سكريبت
تأجيل تحليل جافا سكريبت
للحصول على شرح مفصل ، اقرأ: كيفية تأجيل تحليل Javascript Warning في وورد بريس (4 طرق) .
التصغير هو في الأساس إزالة جميع الأحرف غير الضرورية من التعليمات البرمجية المصدر دون تغيير وظائفها. يمكن أن يشمل ذلك فواصل الأسطر ، والمساحة الفارغة ، والمسافات البادئة ، وما إلى ذلك. من خلال القيام بذلك ، يمكن توفير بايت من البيانات وتسريع التنزيل والتحليل ووقت التنفيذ.
gtmetrix تصغير css وجافا سكريبت
تصغير CSS و JavaScript
مرة أخرى ، يعد المكون الإضافي Autoptimize المجاني رائعًا لهذا الغرض. ما عليك سوى التأكد من تحديد “Optimize JavaScript Code” و “Optimize CSS Code”. إذا كان لديك موقع كبير ، فقد ترغب أيضًا في اللعب بالإعدادات المتقدمة أدناه ، حيث قد يضر بعضها بالأداء على موقعك. لا يُنصح عادةً بتضمين أو دمج CSS و JavaScript في المواقع الكبيرة. هذا هو المكان الذي تلعب فيه قوة HTTP / 2 .
تصغير كود css وجافا سكريبت
تصغير تلقائي تصغير CSS وجافا سكريبت
وفقًا لأرشيف HTTP ، اعتبارًا من أبريل 2017 ، تشكل الصور في المتوسط 66 ٪ من إجمالي وزن صفحة الويب. لذلك عندما يتعلق الأمر بتحسين موقع وورد بريس الخاص بك ، فإن الصور هي إلى حد بعيد المكان الأول الذي يجب أن تبدأ فيه! إنها أكثر أهمية من النصوص والخطوط.
تحسين الصور
تحسين الصور
في عالم مثالي ، يجب ضغط كل صورة وتحسينها قبل تحميلها على وورد بريس. لكن لسوء الحظ ، هذا غير واقعي. لهذا السبب ، نوصي باستخدام مكون إضافي جيد لتحسين الصور. سيساعد هذا تلقائيًا في ضغط صورك وتغيير حجمها والتأكد من أنها خفيفة الوزن وسريعة التحميل على موقعك. تحقق من منشورنا المتعمق حول كيفية تحسين الصور للويب .
بالنسبة إلى وورد بريس ، فإن السبب الرئيسي لبطء أوقات الاستجابة الأولية للخادم هو نقص التخزين المؤقت للصفحة. بدون التخزين المؤقت للصفحة ، يستخدم وورد بريس PHP لإنشاء صفحات ديناميكيًا لكل طلب فردي ، مما يعني أنه يمكن أن يكتظ بالطلبات بسرعة. مع تمكين التخزين المؤقت للصفحة ، يمكن لموقعك خادم ملفات HTML المنشأة مسبقًا ، وهي أسرع بكثير وأكثر قابلية للتوسع من استخدام PHP لتلبية كل طلب صفحة.
تقليل وقت استجابة الخادم الأولي.
تقليل وقت استجابة الخادم الأولي.
إذا كنت مستضافًا على Kinsta ، فلا داعي للقلق بشأن التخزين المؤقت للصفحة لأننا نعتني بذلك نيابةً عنك من خلال تكوين Nginx الخاص بنا. إذا كان مضيف وورد بريس الخاص بك لا يدعم التخزين المؤقت للصفحة ، فيمكنك تثبيت مكون إضافي للتخزين المؤقت مثل WP Rocket أو W3 Total Cache . لتقليل وقت استجابة الخادم بشكل أكبر ، نوصي بدمج Cloudflare APO مع موقع وورد بريس الخاص بك. توزع خدمة التحسين المبتكرة هذه من Cloudflare صفحات HTML الخاصة بموقعك حول العالم ، والتي يمكن أن تقلل من وقت استجابة الخادم على مستوى العالم.
تمامًا مثل CSS و JavaScript ، يمكن أيضًا تصغير HTML لإزالة الأحرف غير الضرورية وتوفير وحدات بايت من البيانات لتسريع وقت التنفيذ.
gtmetrix تصغير html
تصغير HTML
يعد المكون الإضافي Autoptimize المجاني أيضًا رائعًا لهذا الغرض. ما عليك سوى تمكين خيار “تحسين كود HTML” .
تصغير تلقائي تصغير html
التحسين التلقائي لتحسين كود HTML
GZIP هو تنسيق ملف وتطبيق برمجي يستخدم لضغط الملفات وفك ضغطها. يتم تمكين ضغط GZIP من جانب الخادم ، ويسمح بمزيد من التخفيض في حجم HTML وأوراق الأنماط وملفات JavaScript. لن تعمل على الصور لأنها مضغوطة بالفعل بطريقة مختلفة. شهد البعض انخفاضًا يصل إلى 70٪ بسبب الضغط. ربما يكون أحد أسهل التحسينات التي يمكنك إجراؤها عندما يتعلق الأمر بـ وورد بريس. ملاحظة: يتم تمكين ضغط GZIP افتراضيًا على جميع خوادم Kinsta.
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
تفعيل ضغط GZIP
تفعيل ضغط GZIP
لتمكين ضغط GZIP في Apache ، ما عليك سوى إضافة الكود التالي إلى ملف htaccess .
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>إذا كنت تعمل على NGINX ، فما عليك سوى إضافة ما يلي إلى ملف nginx.conf الخاص بك.
gzip on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_vary on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;تأكد أيضًا من مراجعة منشورنا المتعمق حول كيفية تمكين ضغط GZIP .
يؤدي تقليل عمليات إعادة توجيه HTTP من عنوان URL إلى آخر إلى قطع أوقات RTT الإضافية ووقت انتظار المستخدمين. تحقق من منشوراتنا حول عمليات إعادة التوجيه في وورد بريس والتي اكتشفنا فيها أن عمليتي إعادة توجيه سيئتين أدت إلى زيادة أوقات تحميل الموقع بنسبة 58٪! عمليات إعادة التوجيه البسيطة والبسيطة في وورد بريس تؤدي إلى إبطاء موقعك. لهذا السبب يستحق الأمر قضاء بعض الوقت لتقليل عدد مرات إعادة توجيه الزائرين إلى تجربة موقعك.
gtmetrix تصغير عمليات إعادة التوجيه
قلل عمليات إعادة التوجيه
تظهر توصية تحديد مدقق ذاكرة التخزين المؤقت عند عدم وجود رؤوس تخزين مؤقت لـ HTTP . يجب تضمينها في كل استجابة لخادم الأصل ، حيث يتم التحقق من صحة وتعيين طول ذاكرة التخزين المؤقت. إذا لم يتم العثور على الرؤوس ، فسيتم إنشاء طلب جديد للمورد في كل مرة ، مما يزيد الحمل على الخادم الخاص بك. يضمن استخدام رؤوس التخزين المؤقت عدم الحاجة إلى تحميل الطلبات اللاحقة من الخادم ، وبالتالي توفير النطاق الترددي وتحسين الأداء للمستخدم. وتذكر أنه لا يمكنك إصلاح ذلك في موارد الجهات الخارجية التي لا تتحكم فيها.
الأهمية
تتم إضافة رؤوس التخزين المؤقت HTTP تلقائيًا على جميع خوادم Kinsta.
gtmetrix تحدد مدقق ذاكرة التخزين المؤقت
حدد مدقق ذاكرة التخزين المؤقت
هناك عدد من رؤوس التخزين المؤقت HTTP المختلفة المتضمنة والتي يمكن استخدامها لإصلاح هذه التوصية. تحقق من منشورنا المتعمق حول كيفية تحديد مدقق ذاكرة التخزين المؤقت .
تمامًا كما لا يجب أن تدع CSS يغير حجم صورك ، يجب عليك أيضًا تحديد أبعاد الصورة. هذا يعني تضمين العرض والارتفاع في كود HTML الخاص بك.
غير صحيح
<img src = "https://domain.com/images/image1.png">صيح
<img src = "https://domain.com/images/image1.png" width = "200" height = "100">gtmetrix تحديد أبعاد الصورة
حدد أبعاد الصورة
عادةً ما تحتوي ملفات CSS و JavaScript على إصدار الملف في نهاية عناوين URL الخاصة بها ، مثل domain.com/style .css؟ ver = 4.6 . بعض الخوادم والخوادم الوكيلة غير قادرة على تخزين سلاسل الاستعلام مؤقتًا ، حتى في حالة وجود cache-control:publicرأس. لذلك عن طريق إزالتها ، يمكنك في بعض الأحيان تحسين التخزين المؤقت الخاص بك. يمكن القيام بذلك بسهولة باستخدام الكود أو إضافات وورد بريس المجانية.
تحقق من منشورنا المتعمق حول كيفية إزالة سلاسل الاستعلام من الموارد الثابتة . وتذكر أنه لا يمكنك إصلاح ذلك في موارد الجهات الخارجية التي لا تتحكم فيها.
gtmetrix يزيل سلاسل الاستعلام من الموارد الثابتة
إزالة سلاسل الاستعلام من الموارد الثابتة
هذا هو رأس HTTP ويجب تضمينه في كل استجابة للخادم الأصلي ، حيث يخبر المتصفح ما إذا كان العميل يمكنه التعامل مع الإصدارات المضغوطة من المحتوى أم لا. عادة ، عند تمكين ضغط GZIP ، يتم إصلاح ذلك أيضًا. ولكن تأكد من مراجعة منشورنا المتعمق حول كيفية إصلاح تحديد الاختلاف: قبول توصية رأس الترميز . ومرة أخرى ، لا يمكنك إصلاح هذا في موارد الجهات الخارجية.
gtmetrix تحدد رأسًا متنوعًا: قبول-ترميز
حدد عنوانًا متنوعًا: قبول-ترميز
يعرض مخطط الشلال GTmetrix جميع الطلبات الفردية على صفحة الويب الخاصة بك (كما هو موضح أدناه). يمكنك بعد ذلك تحليل كل طلب لمعرفة سبب التأخير ومشكلات الأداء على موقعك. يوجد أدناه ملخص أكثر عمقًا و / أو تعريفًا لما يعنيه كل لون في كل طلب.
هل تعاني من مشاكل التوقف و وورد بريس؟ Kinsta هو حل الاستضافة المصمم لتوفير الوقت! تحقق من ميزاتنا
مخطط شلال gtmetrix
GTmetrix مخطط الشلال
عندما يقوم المستعرض بتحميل صفحة ويب ، عادةً ما تمنع موارد JavaScript و CSS عرض صفحة الويب حتى يتم تنزيلها ومعالجتها بواسطة المستعرض. يظهر هذا التأخير الزمني على أنه حظر في مخطط الشلال GTmetrix. تحقق من المنشور المتعمق الخاص بنا حول كيفية التخلص من حظر عرض JavaScript و CSS للحصول على مزيد من المعلومات.
حظر gtmetrix
الحجب
يمكنك التفكير في بحث DNS مثل دفتر الهاتف. هناك خوادم تسمى خوادم اسم المجال والتي تحتوي على معلومات حول موقع الويب الخاص بك وأي عنوان IP يجب توجيهه إليه. عندما تقوم بتشغيل موقع الويب الخاص بك لأول مرة من خلال GTmetrix ، فإنه يقوم بإجراء بحث جديد ، وعليه الاستعلام عن سجلات DNS للحصول على معلومات IP. ينتج عن هذا بعض وقت البحث الإضافي.
gtmetrix نظام أسماء النطاقات الأول
عندما تقوم بتشغيل موقع الويب الخاص بك من خلال GTmetrix للمرة الثانية ، فإنه يخزن DNS مؤقتًا لأنه يعرف بالفعل معلومات IP ولا يتعين عليه إجراء البحث مرة أخرى. هذا هو أحد الأسباب التي تجعلك تبدو جيدًا لموقع الويب الخاص بك بشكل أسرع بعد تشغيله عبر GTmetrix عدة مرات. كما ترى في الشاشة أدناه ، في الاختبار الثاني الذي أجريناه ، كان وقت البحث عن DNS عند تحميل DOC الأولي 0 مللي ثانية. هذا مجال يسيء تفسيره الكثير من الناس! نوصي بإجراء الاختبار الخاص بك عدة مرات وأخذ المتوسط ، إلا إذا كنت تريد DNS كجزء من تقريرك ، وفي هذه الحالة يمكنك إجراء الاختبار الأول.
البحث عن نظام أسماء النطاقات gtmetrix
بحث DNS الثاني
الأمر نفسه ينطبق على أصولك (JavaScript ، CSS ، الصور) إذا كنت تستخدم CDN. تعمل ذاكرة التخزين المؤقت لـ CDN مثل DNS ، بمجرد تخزينها مؤقتًا ، تصبح أسرع بكثير في التحميلات المتتالية. نصيحة أخرى حول تسريع DNS هي استخدام الجلب المسبق لـ DNS. يسمح هذا للمتصفح بإجراء عمليات بحث DNS على صفحة في الخلفية. يمكنك القيام بذلك عن طريق إضافة بعض أسطر التعليمات البرمجية إلى رأس موقع وورد بريس الخاص بك. انظر بعض الأمثلة أدناه.
<! - الجلب المسبق لـ DNS للأصول الخارجية ->
<link rel = "dns-prefetch" href = "// fonts.googleapis.com">
<link rel = "dns-prefetch" href = "// www.google-analytics.com">
<link rel = "dns-prefetch" href = "// cdn.domain.com">أو إذا كنت تقوم بتشغيل الإصدار 4.6 من وورد بريس أو إصدار أحدث ، فقد ترغب في استخدام تلميحات الموارد . يمكن للمطورين استخدام wp_resource_hintsفلتر لإضافة نطاقات مخصصة وعناوين ل dns-prefetch، preconnect، prefetchأو prerender.
يشير وقت الاتصال في GTmetrix إلى اتصال TCP ، أو إجمالي الوقت المطلوب لإنشاء اتصال TCP. لا تحتاج حقًا إلى فهم كيفية عمل ذلك ، ولكن هذه مجرد طريقة اتصال بين المضيف / العميل والخادم الذي يجب أن يحدث.
ربط gtmetrix
توصيل
ل إرسال الوقت هو مجرد الوقت الذي يستغرقه لمتصفح الإنترنت لإرسال البيانات إلى الخادم.
إرسال gtmetrix
إرسال
يشير وقت الانتظار في GTmetrix في الواقع إلى وقت البايت الأول ، والمعروف أيضًا باسم TTFB في بعض الأدوات. TTFB هو مقياس يستخدم كمؤشر لاستجابة خادم الويب أو مورد شبكة آخر. بشكل عام ، أي شيء أقل من 100 مللي ثانية مقبول وجيد TTFB. إذا كنت تقترب من نطاق 300-400 مللي ثانية ، فقد يكون لديك شيء ما تم تكوينه بشكل خاطئ على الخادم الخاص بك أو قد يكون الوقت قد حان للترقية إلى حزمة ويب أفضل. كما ترون في اختبارنا أدناه ، كان حوالي 100 مللي ثانية وهو أمر رائع.
gtmetrix تنتظر
انتظار
تتمثل بعض الطرق السهلة لتقليل TTFB في التأكد من أن مضيفك لديه تخزين مؤقت مناسب في مكانه واستخدام CDN. تحقق من منشورنا المتعمق حول جميع الطرق لتقليل TTFB على موقع وورد بريس الخاص بك.
و المستقبلة الوقت هو ببساطة الوقت الذي يستغرقه لمتصفح الإنترنت لتلقي البيانات من الخادم.
تلقي gtmetrix
يستلم
في كل مرة تطلب فيها صفحة ، يكون لها توقيت حدث يتم فيه عرض الأشياء وتحميلها.
First Paint (Green Line): النقطة الأولى التي يقوم عندها المستعرض بأي نوع من العرض على الصفحة ، مثل عرض لون الخلفية.
تم تحميل DOM (الخط الأزرق): النقطة التي يكون عندها DOM (نموذج كائن المستند) جاهزًا.
Onload (Red Line): عند اكتمال معالجة الصفحة وانتهاء تنزيل جميع الموارد الموجودة على الصفحة (الصور و CSS وما إلى ذلك).
محملة بالكامل (الخط الأرجواني): النقطة التي تلي حدث Onload ولم يكن هناك أي نشاط للشبكة لمدة ثانيتين.
توقيت الحدث gtmetrix
توقيت الحدث
يمكنك أيضًا النقر فوق طلب فردي لمعرفة ما يسمونه رؤوس استجابة HTTP. هذا يوفر معلومات قيمة. في الشاشة أدناه ، يمكننا أن نرى على الفور أشياء مثل تمكين gzip على خادم الويب ، ويتم تشغيله عبر HHVM ، ويتم تقديمه من ذاكرة التخزين المؤقت (HIT ، سيُظهر MISS بخلاف ذلك) ، ورؤوس التحكم في ذاكرة التخزين المؤقت ، وبنية الخادم (هذا غير مرئي دائمًا) ، وعناوين انتهاء الصلاحية ، ووكيل مستخدم المتصفح والمزيد.
عنوان استجابة gtmetrix http
رأس استجابة HTTP في GTmetrix
شيء آخر يجب أن تكون على دراية به هو أن أداة GTmetrix تدعم HTTP / 2 ، على عكس Pingdom ، لأنها تستخدم حاليًا Chrome 58+ لتشغيل اختباراتها. أضاف Chrome دعم HTTP / 2 في الإصدار 49 . لذا ضع في اعتبارك عند اختيار أداة اختبار السرعة التي تريد استخدامها.
لمساعدتك في تصحيح الأخطاء المرئية ومشكلات أداء الواجهة الأمامية ، يتضمن أحدث إصدار من GTmetrix علامة تبويب “فيديو”. مع تمكين ميزة الفيديو ، ستقوم GTmetrix تلقائيًا بتسجيل مقطع فيديو قابل للتضمين يوضح كيفية تحميل الصفحة لكل اختبار أداء. هذه الميزة مفيدة جدًا لتصحيح الأخطاء المرئية التي تظهر فقط على مجموعات معينة من المستعرضات وحجم الشاشة.
تسجيل فيديو GTmetrix.
تسجيل فيديو GTmetrix.
ضمن علامة التبويب “المحفوظات” ، يمكنك عرض جميع اختبارات السرعة السابقة. هناك حد لعدد الحسابات المخزنة في الحسابات المجانية. يمكنك أيضًا مراقبة عنوان URL الذي يسمح لك بتتبع الأداء بمرور الوقت ورؤية أي تغييرات عند حدوثها.
تاريخ gtmetrix
تاريخ
إحدى الميزات الرائعة حقًا هي أنه يمكنك تحديد تقاريرك السابقة ومقارنتها جنبًا إلى جنب. يمكن أن يكون هذا مفيدًا جدًا ، خاصةً عند إجراء تحسينات على موقعك لمعرفة ما إذا كانت هناك تحسينات. تذكر ، في بعض الأحيان يمكنك التحسين أكثر من اللازم.
قارن تقارير gtmetrix
قارن التقارير في GTmetrix
إذا كنت قد حصلت على هذا الأمر بعيدًا في غوصنا المتعمق في GTmetrix ، فأنت في مكان ممتع. من المزعج دائمًا رؤية الأشخاص يشاركون النصائح ودراسات الحالة ولكن بعد ذلك لا يشاركون كيف وصلوا إلى هناك. لذلك يوجد أدناه التكوين الدقيق الخاص بنا لنطاق دراسة الحالة المستخدم أعلاه! لا تتردد في تكرارها.
يتم استضافة مجال دراسة الحالة (perfmatters.io) مع Kinsta على Google Cloud Platform في الولايات المتحدة الأمريكية (موقع مركزي). يستخدم Kinsta HTTP / 2 و NGINX و MariaDB ، والتي تساهم جميعها في أوقات التحميل السريعة.
الموقع يستخدم HHVM. PHP 7.3 متاح الآن في Kinsta وهو أسرع من HHVM! يمكنك التبديل إلى إصدارات PHP بضغطة زر .
الموقع هو عدم استخدام أي المساعد التخزين المؤقت . يقوم Kinsta بتخزين كل شيء مؤقتًا على مستوى الخادم مما يبسط الأمور بشكل كبير ، وفي معظم الحالات يكون أسرع!
وإليك قائمة بالمكونات الإضافية المستخدمة على موقع وورد بريس.
يتم استخدام البرنامج المساعد المجاني CDN Enabler لنشر KeyCDN.
يتم استخدام المكون الإضافي المجاني CAOS لمزامنة Google Analytics محليًا.
يتم استخدام المكون الإضافي perfmatters المتميز للتخلص من طلبات HTTP غير الضرورية وتعطيل أشياء مثل Emojis و Embeds.
يتم استخدام المكون الإضافي المتميز Gonzalez لتعطيل بعض البرامج النصية من التحميل.
يستخدم البرنامج المساعد Imagify المتميز لضغط الصور.
كيفية تسريع موقع وورد بريس الخاص بك (الدليل النهائي)
كيفية تعطيل الرموز التعبيرية في وورد بريس
كيفية تعطيل التضمينات في وورد بريس
تحديد وتحليل الخدمات الخارجية على موقع وورد بريس الخاص بك
كيفية تسجيل 100/100 في Google PageSpeed Insights باستخدام وورد بريس
كيفية تشخيص استخدام High Admin-Ajax على موقع وورد بريس الخاص بك
7 نصائح حول كيفية تقليل عمليات البحث عن DNS وتسريعها
كما ترى ، فإن معرفة كيفية عمل أداة اختبار سرعة GTmetrix بشكل أفضل قليلاً وما تعنيه جميع الرسوم البيانية يمكن أن يساعدك في اتخاذ قرار يعتمد على البيانات عندما يتعلق الأمر بالأداء. يعد تحليل الشلال كما نسميه أمرًا بالغ الأهمية لمعرفة كيفية تحميل أصولك الفردية. وتذكر ، عندما يتعلق الأمر بمقارنتها مع Pingdom ، فهما أدوات مختلفة ولذا فمن الأفضل التمسك بواحد أو بالأخرى أثناء حساب الأشياء بشكل مختلف. هل حصلت على أي نصائح أخرى رائعة لـ GTmetrix؟
إذا كنت ترغب في رؤية المزيد من المقالات المتعمقة مثل المقالة أعلاه ، فيرجى إخبارنا أدناه في التعليقات!
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
كل ذلك وأكثر من ذلك بكثير ، في خطة واحدة بدون عقود طويلة الأجل ، وعمليات الترحيل المدعومة ، وضمان استرداد الأموال لمدة 30 يومًا. تحقق من خططنا أو تحدث إلى قسم المبيعات للعثور على الخطة المناسبة لك.
خدمة لغوية وبحثية ومكتبية
خدمة جامعية في ماليزيا
متجر الكتروني للمنتجات والانظمة البرمجية المدفوعة، المجانية والتي يتم الحصول عليها بطريقة رسمية وآمنة وسريعة، تساعد موثوق في بناء بيئات تشغيل متكاملة تساعد اصحاب الاعمال والفريلانسر والشركات الكبيرة على اداء عملها بشكل متميز
تم وبكل فخر وحب 
تصميم وتطوير الموقع باستخدام تقنية الوردبريس 
واستضافة نيم تشيب العالمية 
تم تطوير الصفحات بواسطة تقنية الاليمنتور 
00970599163031
00970599163031
تم تصميم وتطوير موقع موثوق من قبل المصمم والمبرمج عبدالرحمن قدورة لصالح شركة موثوق للمعلومات الرقمية وخدمات الاونلاين، جميع الحقوق محفوظة لموثوق لعام 2020 – 2021
تقدم موثوق خدمة تصمم وتطوير المتاجر الالكترونية والمواقع بمختلف اشكالها على منصة الوردبريس، نصمم ونطور المواقع بأدوات قوية حسب احتياجات العميل، سرعة، أداء عالي.
00970599163031