سرعة الموقع وجافا سكريبت غير متزامن

غير المتزامن

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

النقطة الصعبة التي يتم وضعها في المسوقين هي أن يكون لديهم موقع ويب سريع جدًا ولا تزال تتضمن عمليات تكامل وعناصر اجتماعية قد تنشئ تبعيات على مدى سرعة تحميل موقعك. أحد الأمثلة على ذلك هو الأزرار الاجتماعية. في Martech ، لدينا أزرار اجتماعية في كل صفحة على الموقع. لذلك ... إذا تم تحميل موارد Facebook ببطء يومًا ما ، فسيؤدي ذلك إلى إبطاء موقعنا. ثم أضف Twitter و Pinterest و Buffer وما إلى ذلك إلى ذلك وسيتم تقليل فرص موقعك في التحميل السريع إلى لا شيء تقريبًا.

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

يمكنك معرفة ما يؤثر في سرعة صفحتك عن طريق إجراء اختبار على Pingdom:
تحميل الصفحة pingdom

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

إليك مقتطف عن كيفية القيام بذلك بشكل صحيح من Emil Stenström:

(الوظيفة () {function async_load () {var s = document.createElement ('script')؛ s.type = 'text / javascript'؛ s.async = true؛ s.src = 'http://buttondomain.com /script.js '؛ var x = document.getElementsByTagName (' script ') [0]؛ x.parentNode.insertBefore (s، x)؛} if (window.attachEvent) window.attachEvent (' onload '، async_load)؛ else window.addEventListener ('load'، async_load، false)؛}) ()؛

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

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.