هيكلة جيدة لجافا سكريبت في المشروع؟

Question

لذلك ، لقد انتهيت إلى حد ما مع JS في موقع الويب الخاص بي الآن. إنه يتضمن jQuery (وعلى هذا النحو. ready init) تحتوي الصفحة على جزأين ، والجزء العلوي هو خرائط Google بشكل أساسي والأقل من أشكال الإدخال.

كل هذا حاليا واحد .js ، وظائف ، inits ، التكرارات ، كل ذلك. إنه بنية جيدة وكل ذلك ، يتم كل شيء بشكل صحيح.

سؤالي هو: ما هو الهيكل الجيد؟ هل يجب أن أضع النصف العلوي في ملف وأقل في آخر؟ أو هل يجب أن أضع جميع عمليات التهيئة المطلوبة تحت .ready () ووضع جميع الوظائف في ملف آخر؟ أم يجب أن أبقي كل شيء في ملف متزايد؟

Answer 1

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

Answer 2

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

ياهو أفضل الممارسات لتسريع موقع الويب الخاص بك يبدأ مع تقليل طلبات HTTP:

يتم إنفاق 80 ٪ من وقت استجابة المستخدم النهائي على الواجهة الأمامية. يتم ربط معظم هذا الوقت في تنزيل جميع المكونات في الصفحة: الصور ، أوراق الأنماط ، البرامج النصية ، الفلاش ، إلخ. يقلل من عدد المكونات بدوره يقلل من عدد طلبات HTTP المطلوبة لتقديم الصفحة. هذا هو مفتاح الصفحات الأسرع.

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

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

Answer 3

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

لكنني أعتقد أن الأمر متروك للتفضيل الشخصي.