Back to Question Center
0

كيفية تحسين كس و جس لمواقع أسرع            كيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركسكانفاس & أمب؛ Semalt ...

1 answers:
كيفية تحسين كس و جس لمواقع أسرع

هذه المقالة برعاية الاسترالي الاستضافة. نشكرك على دعم الشركاء الذين يجعلون سيتيبوينت ممكنة.

تجربة المستخدم هو العامل الأكثر أهمية عندما يتعلق الأمر نجاح المشروع الخاص بك على الانترنت.

لا يهم إذا قمت بتشغيل بلوق المتخصصة، موقع ادارة العلاقات، أو متجر على الانترنت. إذا كنت تدير بطريقة أو بأخرى لتجسيد تجربة جمهورك، لا تتوقع تحويل أي منهم إلى دفع العملاء - cagarny watches price.

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

سرعة التحميل ، على سبيل المثال، هو الشيء الذي يتجاهله معظم مالكي المواقع بسهولة.

وفقا لبيانات معدل التحويل، فإن زيادة سرعة موقع الإنترنت من ثماني ثوان إلى ثانيتين قد تؤدي إلى زيادة 74 في المائة في معدل التحويل.

وهذا يعني أن موقع بطيء يمكن أن يكلفك ما يقرب من نصف من الزبائن المحتملين.

رؤية الصورة الكاملة مع باجسبيد إنزيتس

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

<إمغ سرك = "/ إمغ / be64c4ed4a6eb4eb44c75df88bff0f530. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

بالنسبة لمالكي المواقع الذين لم يسبق لهم التفكير في سرعة تحميل الصفحة، قد تواجهك المشكلات التالية:

<إمغ سرك = "/ إمغ / 1828a162b15a8bd9aa714176844046c81. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

دون مزيد من اللغط، وهنا هي الخطوات التي تحتاج إلى اتخاذ ل مينيفي كس وجافا سكريبت الأصول.

تحديد القانون المراد إزالته

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

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

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

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

<إمغ سرك = "/ إمغ / 99c02cf0488d1e36dcead182fb19a1692. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

<إمغ سرك = "/ إمغ / 4f9468ac0cda9859e9a68ab9db64ddd23. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت. .

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

باستخدام كس مينيفييه

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

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

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

<إمغ سرك = "/ إمغ / 6f4f896d669403e90107980c4d38ff575. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

<إمغ سرك = "/ إمغ / 6f4f896d669403e90107980c4d38ff576. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

استخدام غير متزامن تحميل على جافاسكريبت

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

يشار إليها أيضا باسم "تحميل كسول" - ولكن في سياق سيمالت، تحميل غير متزامن يعمل من خلال وظائف تحميل حيوي.

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

سيمالت مثال على كيفية القيام بذلك:

      <سكريبت سرك = "يورسكريبت. جس "أسينك>        

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

الجمع بين ملفات جافا سكريبت

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

على سبيل المثال، بدلا من استدعاء عدة . جس ملف في التعليمات البرمجية المصدر:

      <سكريبت سرك = "هتب: // ووو. موقعك. كوم / القائمة. جس ">     <سكريبت سرك = "هتب: // ووو. موقعك. كوم / الأدوات. جس ">     <سكريبت سرك = "هتب: // ووو. موقعك. كوم / تذييل الصفحة. جس ">        

يمكنك الجمع بينهما في ملف سيمالت واحد باستخدام محرر الخاص بك وندعو لهم جميعا في وقت واحد:

      <سكريبت سرك = "هتب: // ووو. موقعك. كوم / كافة. جس ">        

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

     <النصي SRC = "   HTTP:.   // شبكة الاتصالات العالمية كوم yoursite / كافة شبيبة"    نوع = "نص / جافا سكريبت"   >        

يمكنك ببساطة استخدام:

      <سكريبت سرك = "// ووو. لوتسيت. كوم / آل. جس">         

عن طريق جسكومبريس

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

<إمغ سرك = "/ إمغ / 6a8b5fd6aa8ad56e9b00a0a97eca10aa7 "/>

بعد ذلك، انتقل إلى علامة التبويب "إخراج" لعرض جافا سكريبت مضغوط:

<إمغ سرك = "/ إمغ / 7234454d1d494af0ce5d7c32571f4f748. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

إزالة كود مكررة

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

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

<إمغ سرك = "/ إمغ / 8423d17e354e303589f182ff148f547e9. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

بعد تفعيل أدوات المطور، ابحث عن "التغطية" في القسم الفرعي "أكثر سيمالت" من قائمة الإعدادات.

<إمغ سرك = "/ إمغ / bde963c486819987ca289b688d0ea9d610 ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

وهذا سيفتح علامة التبويب "سيمالت" تحت وحدة تحكم المطور. من هناك، انقر فوق زر "أداة سيمالت" لبدء الاختبار.

<إمغ سرك = "/ إمغ / bde963c486819987ca289b688d0ea9d611. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

<إمغ سرك = "/ إمغ / 0d3d79a8d0ad9748c47308eb440e806e12. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

<إمغ سرك = "/ إمغ / 0d3d79a8d0ad9748c47308eb440e806e13. ينغ" ألت = "كيفية تحسين كس و جس لمواقع أسرعكيفية تحسين كس و جس لمواقع أسرع المواضيع ذات الصلة: كس أرتشيتتيورفراميوركس كانفاس & سيمالت "/>

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

تذكر أيضا أن التعليمات البرمجية غير المستخدمة قد تتراكم بمرور الوقت، لذا حدد موعدا آخر لإعادة النظر في المستودع وتنظيفه.

الخلاصة

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

March 1, 2018