آخر مشاركة

كيفية ضغط اكواد الجافا سكريبت JavaScript

بسم الله الرحمان الرحيم،
ليتم تحسين ظهور موقعك على محركات البحث يجب ان يمر بمراحل و من بين المراحل المهمة سرعة تحميل صفحات الموقع، فلامر الذي يجب ان تفعله قبل بِدأك العَمل على موقعك هو تسْريع تحمِيل صفحاته و لنقُوم بذَلك يجِب عَلينا :

1- تقليل حجم الصور
2- ضغط اكواد الCSS و HTML
3- ضغط اكواد الجافا سكريبت JavaScript

كيفية ضغط اكواد الجافا سكريبت JavaScript

و الكثير من الامور الاخرى التي يجب مراعاته، و في درسِنا لهذا اليوم سأريكُم طريقة ضَغط اكواد الجافا سِكريبت و لكن قَبل هذا يجب ان نَعلم ما هي لغة الجَافا سكْريبت.

ما هي الجافا سكريبت JavaScript

جافا سكريبت (بالإنجليزية: JavaScript) هي لغة برمجة عالية المستوى تستخدم أساسا في متصفحات الويب لإنشاء صفحات أكثر تفاعلية. يتم تطويرها حاليا من طرف شركة نتسكيب وشركة موزيلا.
كانت هذه نبذة صغيرة عن جافا سكريبت و الذي لابد ان تعرفها > المزيد عن لغة جافا سكريبت <

خطوات ضغط اكواد جافا سكريبت

يقوم المتصفح بتحميل البرنامج المكتوب بلغة الجافاسكريبت إما مضمّنا داخل صفحة الـ HTML أو من ملف خارجي.

* مضمنا داخل صفحة الـ HTML، يكون بين وسمين وسم البداية <script type="text/javascript"> و وسم النهاية </scrip>  مثال على ذلك:

<script type="text/javascript">
            function salam(){
            alert("الكنز المعلوماتي");
            ;}
      </script>

* ملف خارجي، فيتم انشاء ملف خارجي بصيغة .js و وضع فيه اكواد جافا سكريبت
 و من ثم استدعاءه في اتش تي ام ال هكذا :
 <script src="myScript.js"></script>

حيث myscript تغيرها باسم الملف الذي انشأته.
ذكرت هذه الامور فقط لانك ستحتاجها في الخطوات الاتية.
الان الى ضغط الاكواد جافا سكريبت اذهب الى blogger و قم بتسجيل الدخول الى مدونتك و من ثم قم بالضغط على قالب و اختر تحرير اتش تي ام ال ليتم اظهار اكواد القالب الخاصة بك.

1- ضغط اكود جافا سكريبت المضمنة داخل اتش تي ام ال

قم بالبحث عن :
<script

 و هذا بالضغط على CTRL+F و نسخ مابين الوسمين <script type="text/javascript"> و </scrip> و قم بالذهاب الى موقع jscompress و ضع الكود الذي نسخته داخل لاطار المخصص له و قم بالضغط على Compress JavaScript .

موقع jscompress لضغط اكواد الجافاسكريبت

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

2- ضغط اكود جافا سكريبت المضمنة داخل ملف خارجي


قم باعادة البحث و لكن هذه المرة عن .js لتجد كود في الغالب على هذا الشكل :
<script src='linkFileJavaScript.js' type='text/javascript'/>

انسخْ رابط الملف ( linkFileJavaScript.js ) و قم بفتحه في المتصفح لتظهر لك مجموعة من الاكواد قم بنسخها كلهَا بالضغط على CTRL + A و الرجوع الى موقع jscompress و اعادة الخطوة الاول .

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

أَتمنى ان يكونَ المقال قَد نال اعجابَكْ 😉 لا تنسى مشاركة المقال و تَرك تعليقْ في الاسفل 😘.

المشاركات الموصى بها × +