كيفية اجتياز اختبار السرعة من Google باستخدام Pagespeed Insights
نشرت: 2022-12-03
من يريد الانتظار للأعمار حتى يتم تحميل الصفحة؟ خاصة على الهاتف المحمول. تعتبر نتيجة اختبار سرعة Google الجيدة أمرًا حيويًا لموقعك.
تعد سرعة الصفحة وأساسيات الويب الأساسية أمرًا بالغ الأهمية اليوم ، ولا يوجد سبب لبطء أوقات تحميل الصفحة أو موقع الويب ، خاصةً مع مواقع WordPress.
إذا كان متوسط وقت تحميل موقعك أكثر من ثلاث إلى خمس ثوانٍ باستخدام اختبار سرعة موقع الويب ، فأنت تفقد حركة المرور. سيكون معدل الارتداد مرتفعًا لأن القراء لن ينتظروا ويشاهدوا شاشة بيضاء.
يعد أداء موقع الويب عاملاً حيويًا في تحسين محركات البحث ، وسيساعدك على تحسين تصنيف محرك البحث ومعدل التحويل. في الواقع ، لدى Google الآن الأولوية الأولى لـ Core Web Vitals للجوال لترتيب الكلمات الرئيسية والصفحات.
كيفية التأكد من أن مدونتك تعمل على السرعة
تؤثر العديد من العوامل على نتائج اختبار اختبار السرعة.
تختلف خدمات الإنترنت التي توفر اختبارات السرعة من بلد إلى آخر أو حتى من مدينة إلى أخرى.
إذا كنت قد اختبرت اتصالك بالإنترنت ، فستعرف أن سرعة التنزيل والتحميل تعتمد على مزود الخدمة الخاص بك وفعالية التحقق من اتصال الإنترنت والواي فاي لديك.
ومع ذلك ، باستخدام Google Speed Test باستخدام Pagespeed Insights ، يمكنك الحصول على نظرة عامة عامة على سرعة التنزيل وأداء الموقع لزوار موقعك.
لا داعي للاعتقاد بأن الحصول على 100 هو الهدف الرئيسي دائمًا. يمكنك إضاعة الكثير من الوقت في مطاردة الكمال في أداء الويب. لكن الحصول على نقاط خضراء أمر سهل نسبيًا وسيعني أن موقعك يعمل بشكل جيد.
يحتوي Just Publishing Advice على الكثير من الوظائف والأدوات والصور المدمجة ولكنه لا يزال قادرًا على تحقيق نتائج جيدة للغاية بالنسبة لسرعة الموقع. هنا نظرة سريعة على أداء الموقع.
عادةً ما تكون نتيجة الجوّال أقل قليلاً لأن Google تقلل النتيجة إذا لم تستخدم الصور بتنسيقات الجيل التالي.
في الوقت الحالي ، ستكون هذه مهمة كبيرة جدًا لأي مدونة ، حيث تتطلب استبدال كل صورة على موقعك بملفات صور JPEG 2000 أو JPEG XR أو WebP. بالنسبة لمعظم المدونين ، يمكنك تجاهل هذا التحذير والاستمرار في استخدام ملفات صور JPEG و PNG.
كيف تختبر أداء سرعة موقعك
يمنحك اختبار السرعة من Google مقياسًا تقريبيًا جيدًا لسرعة موقعك.
يمكنك أيضًا التحقق من متوسط وقت تحميل الصفحة في Google Analytics. لكنه لا يمنحك المعلومات التي تحتاجها لتحليل أداء موقعك بالتفصيل.
أنت بحاجة إلى أدوات تحسين محركات البحث (SEO) للقيام بهذه المهمة.
إذا كانت بيانات المختبر الخاصة بك كلها خضراء ، فأنت بخير. ولكن إذا كانت تقييماتك برتقالية أو حمراء ، فأنت بحاجة إلى اتخاذ بعض الإجراءات.
اعتمادًا على مقدار حركة المرور التي تحصل عليها ، قد ترى أو لا ترى تقييم Core Web Vitals الخاص بك.
هذا يقيس بيانات سرعة المستخدم الحقيقية من متصفح Chrome.
إنه اختبار نجاح أو فشل إذا كان لديك عدد كافٍ من الزيارات لإنشاء التقرير.
تمنحك هذه التقارير إرشادات حول الأماكن التي يمكنك من خلالها تحسين أداء موقعك.
لكن أدوات اختبار سرعة صفحة Google لا تمنحك الكثير من المساعدة لتتبع المشكلات وحلها.
العثور على كيفية إصلاح المشاكل
أفضل طريقة للتحقق من سرعة الموقع هي استخدام GTMetrix.
إنه مفتوح المصدر ويستخدم نقاط Google Pagespeed و Yahoo's YSlow ، ويمنحك معلومات أكثر بكثير من Google.
عندما تقوم بمراقبة الأداء وقياس سرعتك ، هناك وقتان تحتاج إلى التحقق منهما.
بينما تستخدم معظم خدمات الاختبار وقت التحميل الكامل لقياس أداء الموقع ، إلا أنها ليست الإحصاء الأكثر أهمية.
إن القياس الأكثر دقة في العالم الحقيقي لسرعة الموقع هو وقت تحميل نموذج كائن المستند (DOM).
إنها النقطة في عملية تحميل الموقع عندما تكون صفحة الويب نشطة للمستخدم.
بالنسبة لي ، هذه هي أهم إحصائية عند قياس السرعة الحقيقية لصفحة الويب.
يمكنك أن ترى في الصورة أدناه أنه في حين أن وقت التحميل الكامل هو 1.9 ثانية ، فإن وقت تحميل DOM هو 1.3 ثانية فقط.
هنا وجهة نظر أخرى أدناه. الخط الأحمر المميز بالسهم هو نقطة تحميل DOM.
يمكنك أن ترى أن العناصر غير المطلوبة في عرض المستخدم الأول يتم تحميلها لاحقًا.
عادةً ما تكون العناصر التي يتم تحميلها لاحقًا عبارة عن صور يتم تحميلها بطيئًا وملفات جافا سكريبت يتم تأجيلها إلى حين الحاجة إليها لمساعدة صفحتك في الأداء بشكل أفضل.
عندما تتحقق من موقعك ، انتبه دائمًا إلى وقت تحميل DOM لأنه مقياس أكثر دقة لمدى سرعة موقعك بالنسبة للمستخدم.
أيضًا ، قم بإجراء اختبار مرتين أو ثلاث مرات لأن سرعات الإنترنت تختلف من دقيقة إلى دقيقة.
يمكنك الحصول على فكرة أفضل من خلال حساب متوسط نتائجك ، على سبيل المثال ، ساعة أو أكثر أو أكثر.
جميع اختبارات سرعة الإنترنت لها هذا الاختلاف الطبيعي ، لذلك لا تقلق بشأن الحصول على نتيجة عشوائية واحدة سيئة.
يمكنك التحقق من مواقع اختبار السرعة الأخرى أيضًا.
إذا لم يكن موقعك يسجل تقييمات خضراء من Google و GTMetrix ، فإليك إحدى عشرة طريقة بسيطة وسريعة وسهلة يمكنك من خلالها حل المشكلة وإبقاء زوار موقعك ومحركات البحث سعداء.
1. أولاً ، امسح فوضى الشريط الجانبي
أول شيء يجب عليك فعله هو التحقق من الشريط الجانبي. هل تحتاج كل تلك الحاجيات والإعلانات؟ في الواقع ، هل تحتاج حقًا إلى شريط جانبي على الإطلاق؟
يجب أن تفكر في صفحاتك على أنها عقارات رئيسية.
ما مقدار المساحة التي يتم إهدارها على موقعك من خلال العناصر التي تخدم القليل جدًا من الأغراض الحقيقية وتبطئ موقعك؟
من الصعب أيضًا قراءة صفحة الويب المزدحمة نظرًا لوجود الكثير من عوامل التشتيت.
تزيد معظم عناصر الشريط الجانبي من سرعة التحميل ، لذا كلما زادت قدرتك على الإزالة ، كان ذلك أفضل.
2. تجنب المحتوى على الصفحة الذي يعتمد على المواقع الخارجية
أحد أسوأ المخالفين لإبطاء صفحة الويب والفشل في اختبار سرعة Google هو زر أعجبني على Facebook.
يجب أن تنتظر صفحتك Facebook قبل تحميل صفحتك. إنها مشكلة شائعة في معظم أدوات الوسائط الاجتماعية وأزرار المشاركة.
يمكن أن يضيف البعض ما يصل إلى ثانيتين أو أكثر إلى وقت تحميل صفحتك.
إذا كنت بحاجة إلى مشاركة الوسائط الاجتماعية ، فابحث عن مكون إضافي خفيف الوزن.
تشمل خدمات الإنترنت الأخرى التي يمكن أن تبطئ العناصر الموجودة على موقعك إعلانات Amazon وعناصر واجهة المستخدم وإعلانات Google الكبيرة.
إذا كان لديك Google Adsense ، فحاول استخدام الإعلانات داخل المقالة بدلاً من إعلانات البانر الكبيرة واضبط رصيد إعلانك على حوالي 70-80 بالمائة.
على عكس ما قد تقرأه عن Adsense ، لا يوجد حمل كبير على الموقع إذا كنت تستخدم الإعلانات داخل المقالة.
هذه صفحة على موقعنا تحتوي على إعلانات Google تم قياسها بواسطة GTmetrix.
التأثير على وقت التحميل ضئيل.
مع إعلانين ، يكون وقت التحميل الكامل مثاليًا لما يزيد قليلاً عن ثانيتين ، ويتم تحميل DOM في 1.6 ثانية.
أيضًا ، يتم تحميل الإعلانات متأخرًا ، مما يعني أن الصفحة لا تنتظر على Google قبل عرض الصفحة.
3. تحقق من وجود ملفات جافا سكريبت بطيئة
يستغرق كل عنصر موجود على موقعك وقتًا في التحميل.
إن ملء موقعك بالكثير من المكونات الإضافية والأدوات والإضافات له تكلفة كبيرة على السرعة.
فيما يلي تقييم GTMetrix لموقع ويب يحتاج حقًا إلى اهتمام عاجل. تحميل الصفحة في 12.4 ثانية هو أمر سيئ للغاية اليوم.
يمكنك استخدام GTMetrix لتحديد موقع كل عنصر يبطئ موقعك.
انقر فوق علامة + الموجودة بجوار كل GET لمعرفة ما الذي يبطئ موقعك وما تحتاجه لإصلاحه أو إزالته أو تحسينه.
يمكن تحسين موقع مثل الموقع أعلاه بسرعة من خلال اتخاذ ثلاثة إجراءات سهلة للغاية.
ستوضح النقاط الثلاث التالية إضافة ذاكرة تخزين مؤقت ، وتصغير وتجميع CSS و Javascript ، وتحميل الصور البطيئة.
جميع المكونات الإضافية الثلاثة الموصى بها أدناه مجانية.
4. تثبيت W3 Total Cache
هناك العديد من المكونات الإضافية الجيدة للتخزين المؤقت لـ WordPress ، بما في ذلك WP Super Cache و WP Fastest Cache.
لكنني استخدمت W3 Total Cache لأكثر من عشر سنوات حتى الآن على جميع مواقعي.
هناك الكثير من الإعدادات التي يمكنك استخدامها مع كل هذه المكونات الإضافية لزيادة التخزين المؤقت للمتصفح ، ولكن هناك اثنين فقط تحتاج إلى ضبطهما واستخدامهما.
فيما يلي إعدادات Total Cache. لكنها متشابهة لجميع مكونات التخزين المؤقت.
ما عليك سوى تنشيط المتصفح وذاكرة التخزين المؤقت للصفحة.
يعمل هذان الإعدادين على تسريع موقعك عن طريق التخزين المؤقت لعناصر موقعك التي لا تتغير ، مثل الرؤوس والتذييلات وعناصر الشريط الجانبي والقوائم.
5. تثبيت Autoptimize
يمكن لمعظم ملحقات التخزين المؤقت أيضًا تصغير وتجميع Javascript و CSS.
بينما تعمل جميعها بشكل جيد ، قد يكون إعداد بعضها معقدًا للغاية.
أستخدم التحسين التلقائي للقيام بهذه المهمة لأنه أسرع وأسهل في الإعداد وأكثر كفاءة. في الواقع ، يمكنك إعداده في أقل من دقيقة.
ما يفعله هو تقليل حجم جميع ملفات CSS و Javascript ثم تجميعها في ملف CSS واحد وملف Javascript واحد.
ثم يتم تحميل هذين الملفين بحيث لا يتم حظر العرض ، والتي غالبًا ما تكون مشكلة في اختبار سرعة Google لبعض المواقع.
يؤدي التصغير والتجميع إلى إحداث فرق كبير في سرعة موقعك.
فيما يلي الإعدادات التي أستخدمها لجميع مواقعي.
ميزة إضافية أخرى مع Autoptimize هي أن الدعم رائع.
6. تثبيت a3 Lazy Load
عندما يزور المستخدم موقع الويب الخاص بك ، يجب تحميل جميع الصور الموجودة على صفحة الويب قبل أن تصبح صفحتك نشطة وقابلة للاستخدام من قبل الزائر.
باستخدام التحميل البطيء ، يتم تحميل جميع الصور التي لا تظهر على شاشة المستخدم أثناء التمرير فقط.
يؤدي القيام بذلك إلى إحداث فرق كبير في سرعة موقعك لأنه سيتم تحميل صورك بعد وقت تحميل DOM الكامل.
لقد جربت بعض المكونات الإضافية المختلفة قبل اتخاذ قرار بشأن a3 Lazy Load. يفوز في الأداء وسهولة الاستخدام.
بمجرد التثبيت ، يمكنك استخدام الإعدادات الافتراضية ، أو يمكنك إجراء بعض التعديلات.
سيقوم المكون الإضافي بتحميل جميع الصور ومقاطع الفيديو وإطارات iFrames الخاصة بك.
7. تثبيت WP Rocket
إذا كنت تريد خيار الكل في واحد ليحل محل الخيارات الثلاثة المجانية المذكورة أعلاه ، فإن WP Rocket يمكنه فعل كل شيء وأكثر.
بدلاً من الاضطرار إلى استخدام ثلاثة مكونات إضافية وإعدادها ، يمكنك استخدام WP Rocket لتعيين صفحتك وذاكرة التخزين المؤقت للمتصفح ، وتقليل Javascript و CSS بالإضافة إلى التحميل البطيء لصورك.
يمكنه أيضًا تحسين قاعدة البيانات الخاصة بك ، ويوفر التكامل مع Cloudflare.
WP Rocket هو حل اقتصادي متعدد الإمكانات لجعل موقعك سريعًا في دقائق مع القليل من الجهد.
8. تغيير حجم الصور الخاصة بك
الصور الكبيرة لا تبطئ سرعة الموقع. لكن الصور التي لا تتناسب مع حجم صفحة الويب يمكن أن تبطئ سرعة موقعك بشكل كبير.
يجب عليك دائمًا تغيير حجم صورك إلى الحجم الذي تحتاجه بالضبط قبل تحميلها.
إذا كنت تريد صورة كاملة العرض ، فيجب أن تكون بحجم عرض صفحة المدونة الخاصة بك.
يبلغ عرض هذا الموقع 750 بكسل مع شريط جانبي 300 بكسل. أي صورة يزيد عرضها عن 750 بكسل ستؤدي إلى إبطاء الموقع.
لكن لا تقم أبدًا بضبط حجم صورك أثناء التنقل في مربع تفاصيل الوسائط. لن يقلل حجم صفحتك.
كما ترى ، يبلغ عرض هذه الصورة 1218 بكسل. اختيار الحجم الكبير سيجعل الصورة مناسبة.
ولكن في الواقع ، ستقوم الصفحة بتحميل الصورة بالحجم الكامل 1218 بكسل وإبطاء سرعة الموقع.
لا تستخدم أبدًا مربع تفاصيل الصورة في WordPress لتغيير حجم صورك بشكل كسول.
قم دائمًا بتغيير حجم الصور قبل تحميلها ، وبالتالي فإن الحجم الكامل هو الحجم الفعلي لصورتك على صفحتك.
9. تحسين الصور
يعد Smush مكونًا إضافيًا شائعًا لتقليل الصور باستخدام ضغط البيانات المفقودة. أنا أستخدم الإصدار المجاني ، وهو يعمل بشكل مثالي.
ومع ذلك ، أقوم بخطوة إضافية واحدة قبل تحميل صورة إلى أي موقع من مواقعي. أستخدم تطبيق سطح مكتب صغير يسمى ImageOptim.
كما ترى ، يقلل فقدان الصور بحوالي 80٪.
لسوء الحظ ، إنه متاح فقط لمستخدمي Mac. إذا كنت من مستخدمي Windows ، فيمكنك استخدام مُحسِّن الصور عبر الإنترنت لنفس النتيجة.
يمكنك أيضًا قراءة مقال سابق حول كيفية تقليل الصور.
10. استخدم Cloudflare CDN
هل تحتاج إلى استخدام شبكة توصيل المحتوى (CDN)؟
هذا يعتمد. يقوم CDN بتخزين ملفاتك الثابتة على خوادم حول العالم لمساعدة موقعك على التحميل بشكل أسرع قليلاً. إذا كان زوار موقعك على بعد مسافة منك ، فيمكن أن يساعد ذلك.
ولكن إذا كان موقعك يحصل على زيارات محلية في الغالب ، فلن يساعد ذلك كثيرًا.
يتم استضافة Just Publishing Advice في أوروبا ، ولكن نسبة كبيرة من الزيارات تأتي من الولايات المتحدة. لذلك من المنطقي استخدام CDN.
إذا كان موقعك مستضافًا في أستراليا ، على سبيل المثال ، وحصلت على عدد كبير من الزيارات من المملكة المتحدة والولايات المتحدة ، فربما تريد التفكير في استخدام CDN.
Cloudflare مشهور وفعال ومجاني. لذلك فهو اختيار جيد.
ومع ذلك ، فأنت بحاجة إلى القليل من القدرة التقنية لنشرها على موقعك.
يمكنك قراءة المزيد حول إعداد Cloudflare باستخدام WordPress في مقالتنا الإرشادية الإرشادية.
11. تحقق مرة واحدة في الأسبوع
بمجرد قيامك بتحسين موقعك من خلال التدابير المذكورة أعلاه ، يجب عليك إجراء فحص منتظم.
تتغير الأشياء دائمًا في المدونة ، لذلك من المفيد مراقبة أدائك.
ستستخدم Pagespeed Insights و GTMetrix في معظم الأوقات.
ومع ذلك ، هناك اختبار آخر مجاني لسرعة موقع الويب يمكنك القيام به للتحقق من أداء موقعك في 25 موقعًا حول العالم.
تقوم أدوات Dot-Com باختبار سرعة موقعك في الوقت الفعلي حتى تتمكن من معرفة أسعار موقعك.
إنها أداة اختبار جيدة جدًا ودليل إذا كنت تفكر في ما إذا كانت CDN تستحق العناء بالنسبة لك.
عند الاختبار ، ضع في اعتبارك أن Google توصي بحد أقصى لسرعة الصفحة المحملة بالكامل وهو 3 ثوانٍ.
باستخدام WordPress ، من السهل جدًا تحقيق ذلك إذا كنت تستخدم اقتراحات التحسين في هذه المقالة.
ملخص
هل تحتاج إلى القيام بكل ما هو مذكور في هذا الدليل؟
عادةً ما يكون أداء WordPress خارج الصندوق جيدًا تمامًا فيما يتعلق بالسرعة.
ولكن إذا كنت تستخدم سمة بطيئة وأضفت الكثير من المكونات الإضافية واستخدمت صورًا كبيرة ، إذن نعم ، يجب أن تفكر في القيام ببعض الأعمال إذا كان معدل موقعك سيئًا بالنسبة لسرعة التحميل.
سبب آخر يمكن أن يكون خادم مضيف بطيء أو غير موثوق به. إذا كنت بحاجة إلى تغيير مزود الخدمة الخاص بك ، فإن المضيف السريع لا يكلف سوى بضعة دولارات شهريًا.
إذا كنت تسجل باللون الأحمر في اختبار سرعة Google ، فأنت بالتأكيد بحاجة إلى القيام ببعض الأعمال بشكل عاجل.
نصيحة واحدة هي تنشيط سمة WordPress الافتراضية مثل Twenty Seventeen واختبارها مرة أخرى. تستجيب معظم السمات الآن ، لكن بعض السمات القديمة يمكن أن تتسبب في بطء سرعة الموقع.
إذا كان الموضوع الخاص بك على ما يرام ، فإن أهم أولويات تحسين موقع مثل الموقع الموجود في الصورة أعلاه ستكون:
1. قم بتثبيت مكون إضافي للتخزين المؤقت.
2. تثبيت Autoptimize
3. تثبيت محمل كسول
اتخذ هذه الخطوات الثلاث ، وسيتحسن أداء موقعك على الفور.
بالنسبة لصورك ، فإن تثبيت Smush ثم إجراء تحسين جماعي سيساعد كثيرًا أيضًا.
لا يوجد سبب لوجود موقع WordPress بطيء وفشل اختبار سرعة Google.
إذا قمت بنشر الخطوات العشر المذكورة في هذه المقالة ، فسيمتاز موقعك باختبار Pagespeed Insight للجوال وسطح المكتب بسهولة.