أرباح تدقيق سريعة بأربع سرعات


نعلم جميعًا أن السرعة هي المال.

يتحول الموقع الأسرع بشكل أفضل ، مما يولد دخلًا أفضل.

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

هذا صحيح بشكل خاص عندما يتعلق الأمر بتحسين أداء JavaScript.

في حين أن مرونة JavaScript تجعلها سهلة الاستخدام عند وظائف الترميز ، فإن هذه المرونة (كونها لغة ديناميكية مكتوبة بشكل سيئ) تجعل من الصعب الحفاظ عليها.

من بين الطلبات التي غالبًا ما يقدمها كل من العملاء والمطورين تحديد أولويات تحسينات الأداء بناءً على السهولة والموارد المطلوبة (بسبب قيود وقت التطوير).

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

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

ميلادي

أكمل القراءة أدناه

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

1. إزالة تقنيات الويب وعناصر واجهة المستخدم وأدوات الطرف الثالث

تعتمد معظم مواقع الويب على تقنية الجهات الخارجية للتتبع والمراقبة ودعم العملاء (ميزات الدردشة) وغير ذلك الكثير.

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

يمكن أن يؤدي عدد البرامج النصية للجهات الخارجية التي يتم تحميلها على الصفحة إلى إبطاء أداء الصفحة لأن البرامج النصية من نطاقات مختلفة.

لفهم هذا ، يجب عليك أولاً فهم ما يحدث عند الوصول إلى صفحة ويب.

عند الوصول إلى صفحة ويب ، يجد المتصفح جميع الموارد التي تتطلب بحث DNS (نظام اسم المجال).

يتعين على المتصفح بعد ذلك الانتظار حتى اكتمال البحث قبل البدء في تنزيل الصفحة.

يعتمد هذا الحدث على استجابة الخادم الأصلي بسرعة.

عندما يستجيب الخادم ، يجب أن يقرأ المتصفح الرمز ويفهمه ثم يسلمه إليك.

ميلادي

أكمل القراءة أدناه

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

السؤال هنا هو لماذا الرفعة المميتة عندما لا تضطر إلى ذلك؟

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

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

هذه الأدوات مفيدة عندما تحتاج إلى اتخاذ قرار بسيط بين الحفظ أو الإزالة.

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

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

أداة أخرى جيدة لتصور نشاط التحميل هي webpagetest.org’s طلب خريطة.

يمنحك هذا التقرير تمثيلاً مرئيًا لحجم الأصول المنقولة بالبايت باستخدام بيانات طلب Chrome.

أستخدم هذا عند تقديم تأثير التكنولوجيا الخارجية على C-suites الذين لا يعرفون شيئًا عن الترميز.

كلما كان الموقع أقدم ، زادت فرص العثور على رمز خارجي لم يعد قيد الاستخدام.

لقد وجدت:

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

من السهل إزالة هذه البرامج النصية لأنها لا تؤثر على التكامل العام لبقية التعليمات البرمجية على الموقع.

بدلاً من ذلك ، إذا كنت بحاجة إلى الاحتفاظ بهذه البرامج النصية ، فقم بنقل كل ما هو مدعوم إلى Google Tag Manager (GTM) أو مدير العلامات الذي تستخدمه لتقليل عدد عمليات البحث عن DNS التي يجريها متصفحك.

ميلادي

أكمل القراءة أدناه

تحقق من البرامج النصية لمدير العلامات بانتظام للتخلص من البرامج النصية غير الضرورية.

يمكنك أيضًا استخدام ملف نافذة تحميل الزناد في GTM لتأخير تحميل النصوص البرمجية التي لا حاجة إليها بمجرد وصول الزائر إلى الصفحة حتى يتم تحميل الصفحة بالكامل.

2. تنفيذ DNS قبل التحميل والاتصال المسبق

التحميل المسبق لـ DNS والاتصال المسبق هما اقتراحات موارد المتصفح والتي يمكن استخدامها لتسريع عمليات البحث عن DNS.

غالبًا ما تنتظر المستعرضات حتى تحتاج إلى مورد قبل محاولة طلب مصدر ذلك المورد.

أثناء طلب هذا المورد ، ينتظر تحميل الصفحة بالكامل حتى يتم حلها.

الجلب المسبق لـ DNS هو وسيلة للاتصال بمصدر الموارد غير الهامة قبل الحاجة إليها ، مما يؤدي إلى تسريع وقت البحث عن طريق إعطاء المتصفح السبق.

يمكنك الحصول على أدوات الطرف الثالث التي سيتم عرضها في أسفل الصفحة مثل مربعات الدردشة وأزرار المشاركة الاجتماعية وأدوات الاستطلاع وما إلى ذلك.

نافذة وحدة تحكم جافا سكريبت لأدوات مطوري Chrome

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

ميلادي

أكمل القراءة أدناه

3. استخدم مكتبة JQuery واحدة إن أمكن

تأتي بعض البرامج النصية للجهات الخارجية مع مكتبة jQuery.

بعبارات بسيطة ، jQuery هي مكتبة JavaScript تسهل استخدام وظائف JavaScript.

تحتوي معظم مواقع الويب الحديثة على شكل من أشكال JavaScript ، لذلك سيكون لديك بالفعل إصدار من jQuery تم تحميله على الموقع.

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

عند تحميل برنامج نصي خارجي ، اطلب دائمًا إصدارًا لا يقوم بتحميل إصدار jQuery الخاص بك.

يمكن للمطور الخاص بك بعد ذلك تكوين البرنامج النصي لاستخدام الإصدار العام الذي يتم تحميله على موقعك.

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

استخدم نافذة وحدة تحكم JavaScript في أدوات مطوري Chrome لمعرفة إصدار أو إصدارات jQuery التي يتم تحميلها على موقعك.

اكتب Ctrl + Shift + J لفتح وحدة التحكم ، ثم اكتب console.log (jQuery (). jquery) ؛ في سطر الأوامر.

نافذة وحدة تحكم جافا سكريبت لأدوات مطوري Chrome

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

الناتج الأصفر أدوات مختبر jQuery

تتضمن الطرق الأخرى لتقليل تأثير تحميل ملفات jQuery استخدام أحدث إصدار وخدمة jQuery عبر مكتبات Google المستضافة.

ميلادي

أكمل القراءة أدناه

4- قم بإزالة تعليمات CSS الزائدة للتوافق مع المتصفحات القديمة

كلما كان الموقع أقدم ، زاد عدد الجرائم.

تعد إزالة تعليمات CSS الزائدة عن الحاجة مثل توافق المتصفح القديم (إصلاحات IE) والبادئات القديمة أمرًا سهلاً لأنه عادةً ما يكون كتلة منفصلة من التعليمات البرمجية.

تبرز العديد من الأدوات CSS غير المستخدمة على الموقع.

ومع ذلك ، بدلاً من الاضطرار إلى البحث في سطر الكود سطراً عن البادئة أعلاه ودعم المتصفح ، تمنحك Yellow Lab Tools قائمة سهلة الفهم يمكن أن تجعل مطورك يعمل.

أدوات المختبر الأصفر - نتيجة البادئات القديمة

تأكد من التحقق من أداة التتبع الخاصة بك لمعرفة عدد الزوار الذين ما زالوا يستخدمون هذه المتصفحات القديمة وإذا كانت الأرقام تضمن استمرار الدعم.

ميلادي

أكمل القراءة أدناه

فى الختام

هناك الكثير من التقنيات المدهشة التي تعمل على تحسين طريقة استهدافنا وتتبع زوار موقعنا.

على الرغم من أن السرعة ستكون دائمًا مصدر قلق كبير ، فإن توفير أفضل تجربة للمستخدم سيكون دائمًا أولوية قصوى.

سيساعدك التدقيق المنتظم لنصوصك الخارجية على تقديم أفضل تجربة للزائرين بأكثر الطرق فعالية.

المزيد من الموارد:


اعتمادات الصورة

جميع لقطات الشاشة التي التقطها المؤلف ، أكتوبر 2020



Related Posts

اترك رد