كيفية الحصول على نقاط 100 / 100 على Google Pagespeed لموقع الويب الخاص بك على WordPress

0
1317
رؤى الصفحة السرعة

رؤى صفحات جوجل هي أداة موقع الويب المعروفة التي يمكنك من خلالها فحص وتحسين جميع المعلمات ذات الصلة لمحرك البحث. يمكنك النقر على الرابط أعلاه ، أو عادة ما ترى في نظام الإدارة ، قيمة محدثة يوميًا لصفحتك.

في هذا الدليل ، سنعرض لك كم هو سهل النتيجة سرعة الصفحات من 100/100 الوصول. يمكنك أن تفعل ذلك أيضا.

على سبيل المثال ، استخدمنا موقع ويب تجريبي مع كل أنواع المحتوى وموضوع معروف ، والذي يتضمن أيضًا الإضافات المعتادة. لذلك بالضبط ما لإنشاء مواقع جيدة.

فائقة الغذائية الرئيسية

نحن هنا ل موضوع The7 قررت. لا يهم حقا أي موضوع تستخدمه. الشيء الرئيسي هو محدث ويوفر بعض خيارات الإعدادات لإنشاء موقع الويب.

هذا ما تحتاجه لموقع سريع.

  1. 1 مضيف شبكة سريع مع الخبرة
  2. وورد الحالي النظيف
  3. الإعدادات الصحيحة لخادم الويب
  4. أداة للتحسينات والتخزين المؤقت

نحن نستخدم في هذا المثال الآعـدادات، كل هذه الأدوات تفعل الشيء نفسه. يمكنك ضغط الملفات النصية ، طي الكود ، وربما إنشاء صفحة ثابتة كنسخة.

هذا يسمح للزائر بالوصول بسرعة إلى الصفحة.

تذكرنا الصفحات الثابتة برمز html منذ ذلك الحين. لا تزال المواقع الإلكترونية التي تتكون فقط من تعليمات HTML البرمجية البسيطة والصور هي الأسرع. لكن ليس ديناميكي. ولكن مع هذه المكونات الإضافية ، يتم دائمًا إنشاء ذاكرة التخزين المؤقت بمجرد تغير شيء ما على الصفحة.

نصيحة: تعطيل وورد Cronjob، إنها ليست فعلاً cronjob بالمعنى الحقيقي ، فهي تسمى دائمًا عندما يأتي زائر إلى الصفحة. كيف نفعل ذلك نظهر لك في مقال آخر.

رؤى صفحات جوجل

أدخل موقعك الحالي على جوجل وشاهد الأداء.

عادةً ما يحصل المرء على القيم الأولى في المنطقة الصفراء حتى 85 إذا كان لدى Webhoster خادم جيد.

في التثبيت الافتراضي الخاص بنا ، أظهر لنا PSI 85 / 100 في عرض سطح المكتب.

PSI ستاندرد وورد التثبيت

ومع ذلك ، فإن التضليل إلى حد ما هو القول بأن الخادم قد استجاب ببطء. هنا هو الوقت المناسب لأول بايت الذي ينتقل.

هناك العديد من العوامل التي تتفاعل هنا. في كثير من الأحيان سوف تقلل من ما يسمى TTFB (الوقت إلى البايت الأول) ، إذا قمت بإصلاح جميع النقاط الأخرى.

مريح ، تقدم Google الرمز الأمثل للتنزيل للعديد من النقاط. ومع ذلك ، في هذه المرحلة ، أوصي عمومًا فقط بدمج الصور المحسنة مسبقًا في موقع الويب.

يمكنك حتى القيام بذلك مجانا مع تينيبنج باندا القيام به.

tinypng صورة ضغط
Tinypng.com الباندا يغذي بايت زائدة عن الحاجة.

ومع ذلك ، فإن معظم المظاهر أيضًا تنشئ صورها الخاصة بأحجام مختلفة ، بحيث تعود دائمًا إلى احتياجات التحسين الجديدة.

لذلك يُنصح أحيانًا ببساطة بإعادة تحسين جميع ملفات الصور الموجودة على خادم الويب والكتابة عليها.

Pingdom ، GTMetrix وشركاه

بالطبع هناك صفحات اختبار أخرى. ومع ذلك ، غالبًا ما توجد مشكلة في أن الدعوة تأتي من الخارج وبالتالي فهي غير ذات معنى بما يكفي لمحاكاة الزائر المعتاد من ألمانيا. من المهم أيضًا معرفة أن بعض برامج الاختبار لا يمكنها التعامل مع http / xnumx وتجاهل ميزة http / s بالضبط ، أي النقل المتوازي للبيانات عبر الاتصال وتفسيره سلبًا.

GTmetrix
تقرير أداء GTMetrix

TTFB أو إجمالي وقت التحميل؟

في الأساس ، نتيجة إجمالي وقت الشحن التهم. تعتمد البايتة الأولى على العديد من العوامل التي يمكن للمرء التأثير عليها فقط. عادةً ما يكون للصفحة غير المضغوطة قيمة TTFB منخفضة جدًا عن الصفحة المضغوطة تمامًا. لكن من الواضح أن وقت التحميل الكلي مع الضغط يكون أسرع على صفحة بها الكثير من المحتوى. كيف تقيم جوجل أن هذا في النهاية غامض. لدينا حتى الصفحات التي يتم تحميلها بشدة لأن البرنامج قديم وقيمة PSI من 68. باستخدام 28K الكلمات الرئيسية العضوية ، ولكن حول زوار 1000 يأتون إلى الموقع يوميًا. ولكن بالنسبة للمواقع المماثلة ، فإن الصفحة ذات القيم الأفضل سيتم إدراجها أعلى بالتأكيد.

وحدات CDN والتسارع

هناك أيضًا وحدات لتخزين البيانات الثابتة على خوادم أخرى وتقديمها اعتمادًا على موقع الزائر. هذا يقلل من عدد الاتصالات بالخادم ويقلل من ما يسمى TTFB. تتوفر ذاكرة التخزين المؤقت بواسطة akamai أو cloudflare أو incapsula هنا والتي توفر أيضًا ضغطًا وتحسينًا وفقًا للخدمة المحجوزة. يتم تضمين حماية صغيرة (D) Dos أيضًا إذا تم الاتصال بالكامل من خلال هؤلاء الموفرين.

كلودفلاري على شبكة الانترنت على المرور uebersicht
Cloudflare تحليل حركة المرور

Speedkit لبليسك

على سبيل المثال ، هناك مكون إضافي لبرنامج Plesk ، والذي يمكن أن يجعل موقع الويب أسرع بنقرات قليلة. في اختباري ، كان العكس هو الصحيح. المشكلة الرئيسية في هذه الإضافات هي حقيقة أن ذاكرة التخزين المؤقت تبدأ فقط عندما يقوم الزائر بعرض الصفحة للمرة الثانية ، أو عند الاتصال بالنظام أولاً.

الميزة هي أنه يمكنك تنشيطه بسهولة دون إجراء أي تغييرات على نظامك. ولكن العيب هو عدم وجود سرعة مع زوار 1 View. لهذا السبب ، لا يمكنك رؤية أي تغيير في برامج الاختبار المعتادة ، لأنها دائمًا ما تزور الموقع دون التخزين المؤقت كمستخدم جديد تمامًا.

Speedkit-الموقع مسرع سيرفرات
تم تصميم Speedkit for Plesk لجعل صفحات الويب أسرع. ولكن ربما لا يعمل دائما.

نظرًا لأن معظم الزوار لا يأتون إلى الموقع إلا عبر رابط من محرك بحث ، لا توجد ميزة سرعة لهؤلاء الزوار. مع على متن الطائرة يعني واحد يحصل على طول بشكل جيد دون مخابئ خارجية. فيما يتعلق بحماية البيانات ، وخاصة DSGVO وتنظيم الخصوصية الإلكترونية المرتقب ، فإن استخدام هذه الخدمات غير مناسب. إنه يفتقد بالفعل عقدًا لمعالجة بيانات الطلب عند طلب هذه الخدمات.

لذلك جعل الموقع أسرع.

النقطة الأكثر أهمية: المضيف الصحيح على شبكة الإنترنت.

ينظر من الخارج ، الجميع يفعل مزود استضافة الويب نفس الشيء. لكن الفرق مخفي في كثير من الأحيان.

هناك خوادم ويب تقوم بالإعلان عن مراكز وموارد مخصصة ، ولكن كل هذا لا يعمل إلا على أجهزة ضعيفة للغاية. جوهر AMD صغير من خادم 10 قديم لا يختلف عن جوهر إصدار Intel Platinum Xeon.

vmware_cluster
مثال نظام مجموعة VMWare

معظم مقدمي اليوم افتراضية أيضا البنية التحتية بأكملها. غالبًا على هياكل غريبة مثل أنظمة الحاويات التي تم فيها حجز العملاء الأساسيين من قِبل 20. جيدة وباهظة الثمن بسبب تكلفة ترخيص البرنامج ، يستخدم البائعون أنظمة المحاكاة الافتراضية الصحيحة مثل vmware أو KVM ، والتي يشار إليها عادةً باسم السحابة.

kvm_cluster
مجموعة KVM صغيرة

في كثير من الأحيان المشتركة كافية استضافة بها. أنشأنا نحن أنفسنا مواقع مع عشرات الآلاف من الزوار شهريًا. يتم تشغيل هذه أيضًا في حساب استضافة صغير ، لأن أجهزة استضافة الويب عادةً ما تكون بحجم مقدم الخدمة كبير جدًا بالفعل ، حتى يتمكنوا من خدمة مئات المواقع.

virtuozzo_cluster
منظر لعقدة Virtuozzo 7

ومع ذلك ، لن تحتاج معظم المواقع إلى الخدمات التي حجزتها ، لذلك يبقى دائمًا الكثير من الطاقة.

عند اختيار webhoster ، ابحث فقط عن حساب تجريبي وقم بتشغيل موقع الويب الخاص بك دون التزام. يمكنك الوصول إليهم عادة عبر نطاق فرعي واختبار السرعة. إذا لم يكن هناك شيء ، فما عليك سوى التبديل إلى مزود آخر.

في هذا المثال ، تكون صفحة العرض التوضيحي واحدة خادم كبار المسئولين الاقتصاديين webhoster.de AG حيث تحصل على حساب موزع Plesk بعناوين 10 IP لمشاريعك.

الجهاز المستخدم هو خادم Dell R740 مع SSDs لخادم MLC كصفيف RAID.

واجهة الإدارة هي بليسك أونيكس في الإصدار الحالي.

تم تثبيت WordPress قياسي مع الإضافات النشطة التالية:

  • الأمازون التابعة ل وردبريس
  • NextScripts: SNAP Pro Upgrade Helper
  • NextScripts: شبكات التواصل الاجتماعي الملصق
  • كبار المسئولين الاقتصاديين وصلات الذكية شركة
  • في نهاية المطاف الهاتفية القصيرة
  • جدول المحتويات أكثر
  • عناصر The7
  • إضافات النهائي ل WPBakery الصفحة باني
  • وباكيري بناء الصفحة
  • Yoast كبار المسئولين الاقتصاديين بريميوم
  • الآعـدادات

قالب التصميم

الموضوع هو The7.

يتكون تصميم الصفحة من قوالب السمة أو منشئ الصفحة. تحتوي الصفحات الفرعية عادةً على كلمات 2500-3000 والعديد من الصور والجداول.

لذلك ، من المهم دائمًا ليس فقط التحقق من صفحة البداية ، ولكن أيضًا من الصفحات الفرعية.

ويسمى موقعنا التجريبي www.super-food.de وأيضا تحت هذا نطاق للتحقيق. حتى تتمكن من التحقق من جميع الاختبارات بنفسك. في مقال آخر ، نوضح فقط كيفية إنشاء موقع ويب كبير مع موارد قليلة في أي وقت من الأوقات. ربما هذا شيء لك أيضا. يتم نسخ موقع الويب في بعض الأحيان إلى أنظمة أخرى لأغراض الاختبار لإنشاء اختبارات مقارنة.

كيفية تعيين خادم الويب من خلال Plesk

بادئ ذي بدء ، يجب تعيين خادم الويب عبر Plesk. هناك دائمًا توصيات لاستخدام nginx كخادم ويب خالص. نحن لا نفعل ذلك لأنه لا يتم دعم ملفات htaccess بشكل أساسي ، ولا يمكن تحويل معظم وظائف WordPress الخاصة بالمكونات الإضافية إلا بجهد أكبر ، وإلا فهي غير فعالة. هناك أيضا أي ميزة السرعة.

سيرفرات-لوحة القيادة المجال
لوحة القيادة Plesk للمجال

إعدادات PHP في Plesk

نستخدم نسخة php الحالية 7.2.9 مع الإعدادات الافتراضية. ضمن إعدادات PHP لعنصر القائمة ، يمكنك عادةً ضبط الخيارات بنفسك. إذا لم يكن كذلك ، يجب على موفر استضافة الويب القيام بذلك.

سيرفرات-PHP-الإصدار مجموعة-اباتشي مع
إعدادات PHP في قائمة Plesk. PHP FPM مع خادم الويب Apache.

إعدادات أباتشي & nginx

في حالة إعدادات nginx أو Apache ، نقوم فقط بتعيين القيم التي أعدها بالفعل المزود. لذلك لا شيء خاص. هنا يتم إلغاء تنشيط الروابط الرمزية ويتم تنشيط الضغط القياسي فقط لأسباب أمنية.

إعدادات nginx وكيل في قائمة Plesk

سنستخدم فقط nginx كخادم بروكسي مع المعالجة الذكية للملفات الثابتة. في الأساس ، يمكنك الاستغناء تمامًا عن nginx. ثم http / 2 لا يعمل بعد الآن وتحدث مشاكل أخرى. لذلك دعونا نترك الأمر عند القيم الافتراضية.

وورد لوحة التحكم الرئيسية

موقع العرض التوضيحي الخاص بنا يعمل بشكل جيد بالفعل. ولكن للوصول إلى 100 / 100 ، نحتاج إلى بعض التعديلات مثل Minification ، لذلك ملخص CSS و Javascript كما توصي Google.

لا يمكن لهذا عادة نسخ كل شيء معًا ، لذلك هناك مساعدين مفيدين يقومون بهذه المهمة.

نحن نستخدم البرنامج المساعد WP-Rocket في هذا الاستعراض. لكن معظم الآخرين يستطيعون ذلك.

الفسفور الابيض بين الصواريخ الحجز
لوحة القيادة WP-Rocket

في قسم التفضيلات ، في قسم تحسين الملفات ، سنضغط ببساطة على جميع العناصر باستثناء العناصر الضارة بـ http / 2. تلك هي ملفات CSS "تصغير CSS"الوطنيون"تحسين عرض CSS".

المغلق صغر
الفسفور الابيض صاروخ المغلق

مع إعدادات جافا سكريبت ، يجب عليك تغيير الإعدادات "تقليل جافا سكريبت"الوطنيون"تأخر جافا سكريبت التحميل"وكذلك"الوضع الآمن ل jQuery (مستحسن) ".

صغر جافا سكريبت
الفسفور الابيض صاروخ جافا سكريبت الإعدادات

هذا تقريبا. باستخدام المكون الإضافي ، تزداد الصفحة بقيمة PSI إلى 94 / 100. الآن فقط بعض التحسينات الطفيفة لملفات الصور أو كود CSS مفقودة ، والتي لم يتم ضغطها بطريقة أو بأخرى في ما يسمى السمة التابعة. ملائمًا ، توفر google هذه الملفات ولكنها محسّنة ، بحيث يمكنك استبدالها بسهولة بواسطة مدير الملفات.

في هذه الحالة ، تمكنا من تبديل الصور التي تم تغييرها حسب الموضوع ووضع ملف CSS و Javascript في السمة الفرعية.
ثم كان هناك فقط تحديث صغير إلى 100 / 100 المأمول بعد إجراء كل التحسينات.

رؤى الصفحة السرعة

صفحة السرعة 100-100
تم تمرير إحصاءات صفحات Google باستخدام 100 / 100.

نأمل أن يكون لدينا برنامج تعليمي صغير ساعدك في التحسين. لذلك كل شيء ممكن. لكن الأمور تتغير كل يوم أيضا. لهذا السبب يجب عليك تحديث WordPress الخاص بك ، وإلا فلن يتم دعم الميزات الجديدة.

ستجد فيديو كامل على قناة يوتيوب لدينا قريبًا.