تركز الكثير من مقالات التحسين على كيفية تسريع موقع وورد بريس الخاص بك ، مثل تحسين صورك أو الانتقال إلى مضيف أسرع. في حين أن هذه كلها مهمة ، نريد اليوم أن نناقش معك تأثير أداء الطرف الثالث وكيف يؤثر على موقع وورد بريس الخاص بك. في الأساس ، أي شيء تتصل به خارجيًا من موقعك له عواقب وقت التحميل. ما يجعل هذه المشكلة أكثر سوءًا هو أن بعضها بطيء بشكل متقطع ، مما يجعل تحديد المشكلة أكثر صعوبة. سنستكشف اليوم طرقًا لتحديد وتحليل مشاكل الأداء وخدمات الجهات الخارجية.
يمكن اعتبار الخدمة الخارجية لجهة خارجية أي شيء يتصل بموقع وورد بريس الخاص بك من خارج الخادم الخاص بك. فيما يلي بعض الأمثلة الشائعة التي نواجهها بشكل منتظم:
منصات الوسائط الاجتماعية مثل Twitter و Facebook و Instagram (عناصر واجهة المستخدم أو وحدات بكسل التحويل)
شبكات الإعلانات التابعة لجهات خارجية مثل Google Adsense و Media.net و BuySellAds و Amazon Associates
تحليلات مواقع الويب مثل Google Analytics و Crazy Egg و Hotjar
أدوات اختبار A / B مثل Optimizely و VWO و Unbounce
أنظمة تعليق وورد بريس مثل Disqus و Jetpack و Facebook comments
أدوات النسخ الاحتياطي والأمان مثل VaultPress و Sucuri و CodeGuard
أدوات المشاركة الاجتماعية مثل SumoMe و HelloBar
شبكات CDN مثل KeyCDN و Amazon CloudFront و CDN77 و StackPath
جافا سكريبت مستضاف خارجيًا
عادة ما تجلب الخدمات الخارجية معهم مشكلتين. أحدهما ناتج عن الحجم الهائل ، والآخر له علاقة بالانتظار حتى يتم التحميل.
إذا كان لديك الكثير من الخدمات الخارجية ، فأنت بحاجة إلى تحميلها جميعًا وانتظار المعلومات منها عند تحميل كل صفحة. كلما زاد عدد المكالمات لديك ، زاد انتظارك ، وزاد الحمل على الخادم الخاص بك وزادت فرصة اصطدامك بالمشكلة الثانية.
في بعض الحالات ، سينتظر تحميل الصفحة حتى اكتمال نقل البيانات بين موقعك والخدمة الخارجية. إذا تم استدعاء الخدمة في العنوان وكان هناك انقطاع في الخدمة ، فسوف ترفض صفحتك ببساطة التحميل.
بالطبع ، هناك أشياء يمكن القيام بها لتسريع الأمور ، مثل تحميل البرامج النصية بشكل غير متزامن ، لكننا سنتحدث عنه لاحقًا. في معظم الحالات ، يعد الحجم الكبير أحد أكبر المشكلات التي سيتعين عليك التعامل معها عند تصحيح مشكلات أداء الجهات الخارجية.
تحديد هذه الخدمات ليس بالأمر الصعب. تتمثل إحدى أسهل الطرق في فتح أداة اختبار سرعة موقع الويب ، سواء كانت Pingdom أو GTmetrix أو WebPageTest أو Chrome Devtools ، وتشغيل موقع الويب الخاص بك من خلاله. يجب أن تشاهد قائمة بالموارد التي تم تحميلها. قم بالمرور فوق مورد وإذا لم يكن يحتوي على اسم المجال الخاص بك في البداية ، فهذا إما خدمة خارجية أو أصل خارجي تقوم بالاتصال به.
يمكنك أن ترى أدناه أنه تم تحميل الإصدار المصغر من jQuery من مصدر خارجي (https://ajax.googleapis.com).
نسخة مصغرة من jQuery محملة من مصدر خارجي
الخدمة الخارجية – JavaScript
إذا كنت لا تعرف الغرض من الخدمة الخارجية ، فيمكنك دائمًا محاولة التصفح إلى النطاق الرئيسي أو البحث عن اسمه في Google ، كما يجب أن يظهر المطور أو الشركة المرتبطة. هذه طريقة جيدة لتحديد ما إذا كانت الخدمة شرعية. كما ترى أدناه ، ينتج عن البحث عن ملف jQuery بعض الشركات المعروفة مثل jQuery و Google التي تصف استضافة هذا الملف. لذلك ربما تكون بأمان.
jQuery نص خارجي
jQuery نص خارجي
إذا كان موقع الويب الخاص بك بطيئًا دائمًا ، فستحتاج إلى معرفة ما الذي يبطئه. إذا كان موقع الويب الخاص بك به مشكلات متقطعة ، فهذا أكثر صعوبة قليلاً. لنبدأ بالبطء المستمر. نفترض هنا أن موقع الويب الخاص بك بطيء بسبب الخدمات الخارجية. بينما يمكن أن تحدث العديد من مشكلات السرعة بسبب الخدمات الخارجية ، إلا أن هناك قدرًا هائلاً من المشكلات الأخرى ، لذلك قد لا يحل ذلك مشاكلك.
إذا كان موقع #وورد بريس الخاص بك دائمًا بطيئًا 🐌 ، فيجب عليك معرفة السبب الصحيح؟
انقر للتغريد
أولاً ، تحتاج إلى تحديد ما إذا كان هناك أي خدمة تستغرق وقتًا طويلاً للتحميل وكيف تؤثر على أداء موقعك. لذلك أنشأنا موقعًا تجريبيًا ، مستضافًا على Kinsta ، والذي يحتوي على ما يلي:
2 إعلانات Google AdSense
الفيسبوك مثل مربع
القطعة Instagram
تعليقات Disqus
بكسل تتبع تحويل Facebook
تحليلات كوكل
موقع اختبار ووردبريس
موقع اختبار وورد بريس
سيسمح لنا ذلك بإزالة كل خدمة واحدة تلو الأخرى ونوضح لك مدى تأثير كل خدمة على تحميل موقعك الإجمالي. سنشارك أيضًا بعض الاستراتيجيات للطرق البديلة لتحميلها. يمكنك بعد ذلك تطبيق نفس الاستراتيجيات على موقع وورد بريس الخاص بك. قمنا بتشغيل موقع الاختبار من خلال Pingdom وأحد الأشياء الأولى التي يمكنك الاطلاع عليها هو “حجم المحتوى حسب المجال” و “الطلبات حسب المجال”. إذا كنت ترى طلبات ، وليس من اسم المجال الخاص بك ، فمن المحتمل أن تكون هذه خدمات خارجية أو أصول خارجية. هذا هو مكان جيد للبدء. كما ترى أدناه ، يحتوي static.xx.fbcdn.net على 37 طلبًا ، وهذا ليس جيدًا!
خدمات pingdom الخارجية
خدمات Pingdom الخارجية – ( اختبار السرعة )
كان وقت تحميل الموقع 1.94 ثانية وهذا ليس جيدًا حقًا لأنه كما ترى أعلاه ، لا يحتوي موقع الاختبار على أي محتوى عليه. هذا اختبار على نطاق أصغر لمساعدتك على تحليل أداء الجهات الخارجية بشكل أفضل. كلما زاد حجم موقع وورد بريس ، زادت المشكلات. لكن في الأساس ، يمكن حل معظم المشكلات بطريقة مماثلة.
أول شيء نريد معالجته هو Google Adsense . عادةً عند إجراء اختبار سرعة ، يمكنك التمرير فوق كل شريط لمعرفة المدة التي يستغرقها كل جزء من عملية التحميل. يجب أن تبحث عن قضبان طويلة جدًا (مقارنة بالباقي) والأماكن التي لا تبدأ فيها القضبان في التحميل إلا بعد انتهاء شريط معين – فهذه هي اختناقاتك. بمجرد العثور على عنصر معين يستغرق وقتًا طويلاً أو يمنع تحميل الموارد الأخرى ، فأنت بحاجة إلى معرفة سبب وجوده ومن أين يأتي.
قد يكون هذا صعبًا بعض الشيء ، فقد يتم ترميز الاتصال بالخدمة داخل قالبك ، أو قد يأتي من مكون إضافي. ومع ذلك ، كما ذكرنا سابقًا ، هناك أيضًا مسألة الحجم المطلق . إذا ألقينا نظرة على الطلبات الواردة أدناه من pagead2.googlesyndication.com و tpc.googlesyndication.com ، يمكننا أن نرى أن الأشرطة قصيرة إلى حد ما ، مما يعني أنها لا تسبب الكثير من التأخير. بعضها لديه وقت استقبال أطول (الشريط الأخضر) رغم ذلك ، وهو الوقت الذي يستغرقه متصفح الويب لتلقي البيانات من الخادم. المشكلة الكبيرة هي بمجرد إضافة جميع الطلبات معًا.
نود أن نطلق على Google AdSense خدمة متغيرة تابعة لجهة خارجية . وذلك لأنه في كل مرة يتم فيها تحميل الصفحة ، يتم تحميل عدد مختلف من الطلبات والأصول. هذا يجعل من الصعب للغاية تحديد سبب مشكلات الأداء حيث سيكون مختلفًا في كل مرة تقوم فيها بإجراء اختبار سرعة. يوجد أدناه مقتطف فقط من بعض طلبات الجهات الخارجية التي تنشئها الإعلانات. كما أنها تنشئ عمليات إعادة توجيه لها تأخيرات خاصة بها.
طلبات Google AdSense الخارجية
طلبات Google AdSense الخارجية
قد تعتقد أنه من الجنون أن يولد إعلانان فقط الكثير من الطلبات ، ولكن هذه هي الطريقة التي تعمل بها.
خيارك الأول هو التأكد من أنه يتم تحميلها بشكل غير متزامن. تخبر السمة غير المتزامنة بشكل أساسي المتصفح ببدء تنزيل المورد على الفور دون إبطاء تحليل HTML. بمجرد توفر المورد ، يتم إيقاف تحليل HTML مؤقتًا حتى يمكن تحميل المورد. ستحتوي الشفرة التي تم إنشاؤها حديثًا من Google AdSense على هذه السمة افتراضيًا ، ولكن إذا كان لديك رمز لا يزال عمره عامين ، فإننا نوصي بالتحقق منه.
<script async src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"> </script>
<! - nogluten-top-right-page-300x250 ->
<ins class = "adsbygoogle" style = "display: block؛" data-ad-client = "ca-pub-xxxxxxxxxxx" data-ad-slot = "9805695044" data-ad-format = "auto"> </ins>
<script>
(adsbygoogle = window.adsbygoogle || []). push ({})؛
</script>تأكد من إطلاعك على منشورنا الآخر حول إزالة JavaScript و CSS لحظر العرض . يمكن أن يساعدك هذا في فهم كيفية تحميل البرامج النصية وتشغيلها على موقع وورد بريس الخاص بك بشكل أفضل.
خيارك الآخر هو إزالة Google AdSense تمامًا. من الواضح ، بالنسبة لبعض المواقع التي تعتمد على عائدات إعلانات الجهات الخارجية ، فإن هذا ليس خيارًا. لكننا رأينا مواقع التجارة الإلكترونية تلقي إعلان AdSense على موقعها ، فقط في محاولة لتحقيق ربح سريع. يجب أن تكون على دراية بمشاكل الأداء مع هذا. إذا كنت تبيع منتجات أو خدمات ، فقد يضر أحد إعلانات Google AdSense أكثر مما ينفع ، ويضر بمصدر الدخل الأساسي. بالنسبة للمدونين ، يمكنك أيضًا النظر في الإعلانات التابعة مقابل AdSense. في كثير من الأحيان مع الإعلانات التابعة ، يمكنك تحميلها من CDN الخاص بك وسيكون هناك طلب واحد فقط.
في هذا المثال ، سنقوم بإزالة الإعلانات لنبين لك كيف يمكن لإعلانين صغيرين فقط التأثير على الأداء العام لموقع وورد بريس الخاص بك. لذلك أجرينا اختبار سرعة آخر بعد إزالتها وكما ترى انخفضت أوقات التحميل لدينا من 1.94 ثانية إلى 909 مللي ثانية! انخفضت طلباتنا من 185 إلى 138 ، وتم تقليل الحجم الإجمالي لصفحتنا من 2 ميغابايت إلى 1.7 ميغابايت.
اختبار السرعة بعد إزالة adsense
بعد إزالة Google AdSense ( اختبار السرعة )
هذا صحيح! أضاف إعلانان صغيران حوالي ثانية واحدة إلى إجمالي وقت التحميل لدينا. لهذا السبب ، ما لم يكن نموذج الدخل الخاص بك يدور حول إعلانات الجهات الخارجية ، فلا تضعها على موقع وورد بريس الخاص بك. إذا كانت لديك مشكلة في إحدى شبكات الإعلانات وكان لديك مكون إضافي يتعامل مع شبكة الإعلانات نيابةً عنك ، فمن المحتمل أن يؤدي تعطيل هذا المكون الإضافي إلى التخلص من المشكلة. إذا تم ترميزه داخل السمة ، فستحتاج إلى تعديل ملفات السمة الخاصة بك. نوصي بإجراء كلا الإجراءين التاليين إذا كنت مطورًا (إذا لم تكن هنا ، يمكنك معرفة المزيد حول كيفية العثور على مطور وورد بريس جيد ).
الشيء التالي الذي يجب النظر إليه هو مربع إعجاب Facebook الذي يتسبب في كل طلبات static.xx.fbcdn.net و scontent.xx.fbcdn.net . يمكننا أن نرى أن الأشرطة قصيرة إلى حد ما ، مما يعني أنها لا تسبب الكثير من التأخير. ومع ذلك ، بمجرد إضافتها جميعًا معًا وهنا تكمن المشكلة. مرة أخرى ، هذه مشكلة الحجم الهائل.
طلبات القطعة الفيسبوك
طلبات القطعة على Facebook
نوصي كل صاحب موقع بالابتعاد عن Facebook like box ! فهو لا يولد الكثير من الطلبات لجافا سكريبت خارجي فحسب ، بل إنه يقوم أيضًا بتحميل الكثير من الصور. فيما يلي ثلاث توصيات للتعامل بشكل أفضل مع هذا.
لاستخدام مربع الإعجاب على Facebook ، يتعين عليك أنت أو المطور إضافة الكود التالي إلى عنوان موقع وورد بريس الخاص بك. هناك أيضًا بعض أدوات وورد بريس التي تضيف المربع أيضًا.
<script> (الوظيفة (د ، ق ، معرف) {
var js، fjs = d.getElementsByTagName (s) [0] ،
إذا عاد (d.getElementById (id)) ؛
js = d.createElement (عناصر) ؛ js.id = معرف ؛
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9&appId=1697897870426976" ؛
fjs.parentNode.insertBefore (js، fjs) ،
} (document، 'script'، 'facebook-jssdk'))؛ </script>تكمن المشكلة في الكود أعلاه في أنه لا يتم تحميله بشكل غير متزامن. تخبر السمة غير المتزامنة بشكل أساسي المتصفح ببدء تنزيل المورد على الفور دون إبطاء تحليل HTML. بمجرد توفر المورد ، يتم إيقاف تحليل HTML مؤقتًا حتى يمكن تحميل المورد. لسنا متأكدين من سبب عدم قيام Facebook بإضافة هذه السمة إلى البرنامج النصي ، ولكن يمكنك رؤية النسخة المعدلة أدناه والتي ستحمّلها بشكل غير متزامن.
<script> (الوظيفة (د ، ق ، معرف) {
var js، fjs = d.getElementsByTagName (s) [0] ،
إذا عاد (d.getElementById (id)) ؛
js = d.createElement (عناصر) ؛ js.id = معرف ؛
js.async = صحيح ؛ js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9&appId=1697897870426976" ؛
fjs.parentNode.insertBefore (js، fjs) ،
} (document، 'script'، 'facebook-jssdk'))؛ </script>ربما لن تلاحظ فرقًا كبيرًا في أوقات التحميل إذا قمت بفحصه في Pingdom ، لكن زوار موقعك سيفعلون ذلك بالتأكيد ، لأنه يؤثر على كيفية / وقت تحميل البرامج النصية والأصول.
التوصية التالية هي استبدال مربع الإعجاب على Facebook بصورة لافتة ترتبط ببساطة بصفحتك على Facebook . سيؤدي هذا إلى تقليل الطلبات التي تزيد عن 40 طلبًا على الفور إلى 1 ولن يكون لديك تبعيات خارجية بعد الآن. يمكنك أن تكون مبدعًا جدًا بهذه الطريقة وهو توازن جيد بين التصميم والأداء.
وأخيرًا ، سيكون الخيار الأخير هو التخلص منه تمامًا. لقد فعلنا ذلك بالضبط على موقع الاختبار الخاص بنا وكما ترى أدناه ، فقد انخفض أوقات التحميل لدينا من 909 مللي ثانية إلى 786 مللي ثانية. خفضت الوزن الإجمالي للصفحة من 1.7 ميغا بايت إلى 1.0 ميغا بايت وإجمالي عدد الطلبات من 138 إلى 78. شيء واحد يجب أن نشير إليه حقًا هنا هو تقليل وزن الصفحة. تمت إضافة 700 كيلو بايت في مربع الإعجاب على Facebook! هذا سيء جدا.
اختبار السرعة بعد إزالة FB like box
بعد إزالة Facebook Like Box ( اختبار السرعة )
الشيء التالي الذي يجب النظر إليه هو Instagram Widget. في مثالنا ، نستخدم المكون الإضافي المجاني Instagram Feed . المكوّن الإضافي ليس هو المشكلة في الواقع ، ولكنه الطلبات التي تم إنشاؤها من scontent.cdninstagram.com . يمكننا أن نرى أن الأشرطة قصيرة إلى حد ما ، مما يعني أنها لا تسبب الكثير من التأخير. ومع ذلك ، بمجرد إضافتها جميعًا معًا وهنا تكمن المشكلة. مرة أخرى ، هذه مشكلة الحجم الهائل. ربما يمكنك رؤية نمط يتشكل هنا. العديد من مشكلات أداء الجهات الخارجية على مواقع وورد بريس ليست ناتجة عن التأخير في الطلبات الفردية ، ولكن بالأحرى تلك التي لا تهتم بالأداء لتبدأ.
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
طلبات Instagram الخارجية
طلبات Instagram الخارجية
نوصي أيضًا بأن يبتعد الأشخاص عن أداة Instagram إلا إذا كنت في حاجة إليها حقًا ، لأنها تولد الكثير من الطلبات. فيما يلي بعض التوصيات للتعامل مع هذا الأمر بشكل أفضل.
تمامًا كما هو الحال مع Facebook like box ، ما لم تكن بحاجة حقًا إلى عنصر واجهة مستخدم Instagram ديناميكي ، فقم بإنشاء لافتة بدلاً من ذلك ترتبط بصفحتك على Instagram. سيؤدي ذلك إلى تقليل الطلبات التي يزيد عددها عن 20 طلبًا على الفور إلى 1 ولن يكون لديك تبعيات خارجية بعد الآن. يمكنك أن تكون مبدعًا جدًا بهذه الطريقة وهو توازن جيد بين التصميم والأداء.
وبالطبع ، يمكنك التخلص منه تمامًا. لقد فعلنا ذلك بالضبط على موقع الاختبار الخاص بنا وكما ترى أدناه ، فقد انخفض أوقات التحميل لدينا من 786 مللي ثانية إلى 690 مللي ثانية. لقد خفضت الوزن الإجمالي للصفحة من 1.0 ميغابايت إلى 814.3 كيلوبايت وإجمالي عدد الطلبات من 78 إلى 57.
اختبار السرعة بعد إزالة أداة instagram
بعد إزالة أداة Instagram ( اختبار السرعة )
الشيء التالي الذي يجب النظر إليه هو تعليقات Disqus. في مثالنا ، نستخدم المكون الإضافي المجاني لنظام التعليق Disqus . تكمن المشكلة الكبيرة في Disqus في أنه يولد الكثير من الطلبات ، بالإضافة إلى الاضطرار إلى تحميل gravatar لكل فرد يعلق. لقد دخلنا في التفاصيل حول هذا في منشوراتنا حول كيفية تسريع تعليقات وورد بريس .
قد ترغب أيضًا في تعطيل التعليقات على وورد بريس تمامًا.
إذا كنت موقعًا تجاريًا كبيرًا ، فقد تضطر أيضًا إلى الدفع لإزالة إعلانات Disqus ، وإذا لم تقم بذلك ، فسينتهي الأمر بمزيد من الطلبات التي يتم إنشاؤها على موقعك. يمكنك أن ترى أدناه مقتطفًا صغيرًا من بعض الطلبات التي يتم إنشاؤها.
طلبات خارجية Disqus
طلبات خارجية Disqus
فيما يلي بعض التوصيات عندما يتعلق الأمر بالتعامل مع التعليقات.
التحميل الكسول هو عملية عدم تحميل الأصول والنصوص حتى يقوم الشخص بالتمرير لأسفل الصفحة. هذا يضمن أن يتم تحميل الصفحة الأولى بشكل أسرع. يمكنك تحميل تعليقات Disqus بسهولة باستخدام البرنامج المساعد المجاني Disqus Conditional Load من Joel James. في الواقع ، نستخدم هذا في مدونة Kinsta. لقد قمنا بتثبيت المكون الإضافي على موقع الاختبار الخاص بنا وكما ترى أدناه ، فقد انخفض أوقات التحميل لدينا من 690 مللي ثانية إلى 603 مللي ثانية. لقد خفضت الوزن الإجمالي للصفحة من 814 كيلو بايت إلى 366.1 كيلو بايت وإجمالي عدد الطلبات من 57 إلى 24. شيء واحد يجب الإشارة إليه هو تقليل وزن الصفحة بشكل كبير!
اختبار السرعة بعد disqus التحميل الكسول
بعد التحميل البطيء Disqus ( اختبار السرعة )
سيكون أفضل خيار آخر لك هو التحميل البطيء لتعليقات وورد بريس الأصلية. جويل جيمس ، نفس مطور البرنامج الإضافي Disqus ذو التحميل البطيء ، لديه أيضًا مكون إضافي مجاني يسمى Lazy Load للتعليقات . يعمل هذا بطريقة مشابهة جدًا لتلك الموضحة أعلاه. لقد قمنا بتثبيت المكون الإضافي على موقع الاختبار الخاص بنا وكما ترى أدناه ، فقد أدى ذلك إلى تقليل وقت التحميل نفسه تقريبًا.
بعد التحميل البطيء لتعليقات ووردبريس الأصلية
بعد التحميل البطيء لتعليقات وورد بريس الأصلية ( اختبار السرعة )
وأخيرًا ، سنلقي نظرة على بكسل تتبع التحويل على Facebook . من الواضح أن معظم الأشخاص يستخدمون هذا لجمع البيانات حول الأشخاص الذين يزورون موقع الويب الخاص بهم ، أو لتتبع التحويلات عند تشغيل إعلانات Facebook. لذلك قد لا تكون إزالة هذا خيارًا دائمًا ، ولا يوجد حقًا أي شيء يمكنك القيام به لتحسين أداء ذلك. كما ترى أدناه ، فهي مسؤولة عن إنشاء 5 طلبات HTTP مختلفة ، ولسوء الحظ ، فهي ليست الأسرع.
هل تعاني من مشاكل التوقف و وورد بريس؟ Kinsta هو حل الاستضافة المصمم لتوفير الوقت! تحقق من ميزاتنا
الطلبات الخارجية لبكسل تتبع التحويل في الفيسبوك
الطلبات الخارجية لبكسل تتبع التحويل على Facebook
سنقوم ببساطة بإزالة هذا لنبين لك مدى تأثيره على أداء موقعك. بعد إزالته من موقعنا ، انخفض أوقات التحميل لدينا من 611 مللي ثانية إلى 429 مللي ثانية. خفضت وزن الصفحة الإجمالي من 367.5 كيلوبايت إلى 343.2 كيلوبايت وإجمالي عدد الطلبات من 27 إلى 22.
بعد إزالة FB بكسل
بعد إزالة FB بكسل ( اختبار السرعة )
الأمثلة المذكورة أعلاه ليست سوى بضعة آلاف من الخدمات الخارجية التي قد تكون قيد التشغيل على موقع وورد بريس الخاص بك. من المهم إلقاء نظرة على كل واحدة وتحديد مدى تأثيرها على أداء موقعك. كما ترى ، يمكن لتفاحة واحدة سيئة أن تسبب مشاكل كبيرة!
في حين أن معظم الخدمات الخارجية تضر بأداء موقعك ، إلا أن هناك خدمات يمكنها مساعدته أيضًا. يمكن لشبكة CDN ، مثل KeyCDN أو Cloudflare ، تسريع موقعك بشكل كبير مع الحد الأدنى من أعمال الإعداد المتضمنة. تحقق من البرنامج التعليمي الخاص بنا حول كيفية إعداد KeyCDN وكيفية تثبيت Cloudflare . في هذا المثال أدناه ، أضفنا KeyCDN إلى موقع الاختبار الخاص بنا. كما ترى ، فقد قلل من وقت التحميل بمقدار 100 مللي ثانية أخرى.
بعد CDN
بعد CDN ( اختبار السرعة )
قمنا بعد ذلك ببعض التحسينات الإضافية على موقع وورد بريس لتصل بنا إلى درجة أداء 100 ووقت تحميل 270 مللي ثانية. تضمنت هذه التحسينات:
التأكد من تحميل كل شيء من مزود CDN. هذا يعني استضافة خطوط Google محليًا والنتائج في طلب HTTP / 2 واحد.
إزالة الأصول الإضافية التي تنشئ طلبات HTTP غير ضرورية مثل الرموز التعبيرية والتضمينات وترحيل jQuery وما إلى ذلك. استخدمنا المكوِّن الإضافي perfmatters .
فيما يلي المزيد من البرامج التعليمية المتعمقة لبعض التحسينات:
كيفية تعطيل الرموز التعبيرية
كيفية تعطيل التضمينات
كيفية إصلاح تحذير التخزين المؤقت لمتصفح الرافعة المالية
كيفية إزالة سلاسل الاستعلام من الموارد الثابتة
كيفية البحث عن معوقات أداء ووردبريس مع بقايا جديدة
8 ملحقات أداء وورد بريس أقل شهرة (ولكنها مفيدة)
كيفية تعطيل مكونات وورد بريس الإضافية (لا يمكن الوصول إلى WP-Admin)
بعد التحسينات
بعد التحسينات ( اختبار السرعة )
كما ترى ، انتقلنا من 1.94 ثانية إلى 270 مللي ثانية في أوقات التحميل! بالطبع ، قد تحتاج إلى بعض الخدمات الخارجية ، يحتاجها كل عمل. لكن من المهم ألا تنسى تحليل كل منها. إذا كنت ترى أوقات تحميل ضخمة ، فتواصل مع المطور أو الشركة المسؤولة عن ذلك وطرح المشكلة.
المشكلة الأكبر هي عندما يمنع البرنامج النصي التحميل بينما ينتهي من تحميل نفسه. إذا تم تضمين برنامج نصي مثل هذا في الرأس ، فيمكنه إبقاء موقع الويب الخاص بك فارغًا إلى أجل غير مسمى . نتيجة لذلك ، يجب وضع أي شيء ليس ضروريًا تمامًا في الرأس في التذييل. سيسمح هذا لموقع الويب الخاص بك بالتحميل بالكامل قبل أن يبدأ تحميل النص البرمجي الإشكالي. إذا كنت تستخدم wp_enqueue_script()الوظيفة (يجب عليك) ، يمكنك استخدام المعلمة الخامسة للإشارة إلى أنه يجب تحميلها في التذييل.
إذا لاحظت أن مكونًا إضافيًا يقوم بتحميل أحد الأصول في الرأس دون سبب ، يمكنك استخدامه wp_dequeue_script()لإزالته من الرأس ثم استخدامه wp_enqueue_script()لتسجيله بنفس الطريقة ، ولكن في التذييل.
هناك طريقة أخرى للمساعدة في حل مشكلات أداء الجهات الخارجية وهي استخدام أداة مجانية مثل Google Tag Manager . يتيح لك ذلك إدارة جميع البرامج النصية والعلامات الخاصة بك في مكان واحد. بعض الفوائد للقيام بذلك هي أنه سيتم تحميلها بشكل غير متزامن ، وتصبح الإدارة أسهل ، ويمكنك إعداد مشغلات الإطلاق التي يتم تحميل البرامج النصية للصفحات عليها.
مشغلات إطلاق Google Tag Manager
مشغلات إطلاق Google Tag Manager
ومع ذلك ، هناك بعض العيوب لهذا أيضًا:
لا يقلل Google Tag Manager من عدد العلامات على موقعك أو تطبيقك ، ولكنه يبسط مهمة إدارتها. بالنسبة إلى مواقع الويب ، يعمل Google Tag Manager بشكل غير متزامن ويمكن تهيئته لتنشيط العلامات فقط عند الحاجة إليها ، مما يساعد صفحاتك على التحميل بسرعة أكبر. ( المصدر )
إذا كنت تستخدم Google Tag Manager ، فسيكون لديك أيضًا طلب HTTP آخر وبحث DNS على googletagmanager.com ، على الرغم من أنه ضئيل للغاية.
طلب http googletagmanager
طلب googletagmanager.com
نوصي بالبحث في Google Tag Manager للمواقع الكبيرة غير المحسّنة التي تحتوي على الكثير من خدمات وتكاملات الجهات الخارجية. بالنسبة للمواقع الأصغر مع المطورين ، من المرجح ألا ترى هذا القدر الكبير من الأداء المعزز باستخدام GTM.
الطريقة التي تحل بها المشكلات المتقطعة هي نفسها الطريقة التي تحل بها المشكلات المستمرة ولكن تحديد الجاني أكثر صعوبة. يمكن أن يساعد تنفيذ الحلول المذكورة أعلاه بالفعل ، ولكن سيكون من الجيد معرفة سبب المشكلة. الأداة التي نحب استخدامها لهذا هي New Relic ، وفي الواقع ، إذا كنت من مستخدمي Kinsta ، فيمكننا مراقبة ذلك على موقعك أو السماح لك باستخدام مفتاح ترخيص New Relic الخاص بك . يمكنك أدناه مشاهدة مثال على بعض شبكات الإعلانات التابعة لجهات خارجية وأوقات التحميل الثقيلة المرتبطة بها على مدار فترة زمنية.
شبكة إعلانية خارجية
New Relic Monitoring – شبكة إعلانية خارجية
ومن المفارقات أن New Relic يمكن أن تسبب أيضًا مشكلات في الأداء. في هذه الحالة نوصي باستخدامه لاستكشاف الأخطاء وإصلاحها والمراقبة المتفرقة ، وليس الاستخدام المستمر. يمكنك أيضًا استخدام أداة مثل GTMetrix لجدولة عمليات فحص السرعة كل ساعة على موقعك. بعد يومين ، يمكنك التحقق مرة أخرى ورؤية النتائج في رسم بياني صغير لطيف:
سرعة الرسم البياني لنتائج gtmetrix
أوقات تقارير GTmetrix
يخبرك هذا عندما كان موقعك أبطأ من المتوسط. سنضغط على أقصى اليمين أولاً للدخول في التقرير الذي تم إنشاؤه في ذلك الوقت. ثم سنعرض الشلال لمعرفة المورد الذي تسبب في المشكلة. تأكد من مراجعة منشورنا المتعمق حول كيفية استخدام GTmetrix لتشخيص المشكلات على موقعك.
تحليل الرسم البياني الانحداري لسرعة الصفحة
GTmetrix مخطط الشلال
هناك أصل واحد يبدو أنه يحجب الأصول اللاحقة ، ألق نظرة على الشريط الأخضر بالقرب من المنتصف. تبين أن هذا كان من Google Recaptcha . قد تبدو 632 مللي ثانية كغمضة عين ، لكنها في الواقع كثيرة . يجب أن يتم تحميل الصفحة في غضون ثانيتين . يتم تناول أكثر من ثلث ذلك من خلال هذا الأصل الوحيد. يجب إما تحميل الأصل لاحقًا ، أو يجب التخلص منه لصالح طرق أخرى للتحقق.
كما ترى ، يمكن أن يكون لبعض الخدمات الخارجية تأثير كبير. لا ينبغي تجاهل أداء الطرف الثالث ، فهو يسير جنبًا إلى جنب مع تحسينات في الموقع والخلفية. لحسن الحظ ، هناك الكثير الذي يمكن القيام به ، خاصة إذا كنت تستخدم مطورًا. التخلي عن الخدمات ، وتعديلها ليتم تحميلها بطرق مختلفة مثل المزامنة ، وتوفير نفس الشيء بطريقة بديلة مثل البانر ، كل ذلك يمكن أن يقطع شوطًا طويلاً في جعل موقعك أسرع كثيرًا!
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
كل ذلك وأكثر من ذلك بكثير ، في خطة واحدة بدون عقود طويلة الأجل ، وعمليات الترحيل المدعومة ، وضمان استرداد الأموال لمدة 30 يومًا. تحقق من خططنا أو تحدث إلى قسم المبيعات للعثور على الخطة المناسبة لك.
