بسم الله الرحمان الرحيم،
ليتم تحسين ظهور موقعك على محركات البحث يجب ان يمر بمراحل و من بين المراحل المهمة سرعة تحميل صفحات الموقع، فلامر الذي يجب ان تفعله قبل بِدأك العَمل على موقعك هو تسْريع تحمِيل صفحاته و لنقُوم بذَلك يجِب عَلينا :
1- تقليل حجم الصور
2- ضغط اكواد الCSS و HTML
3- ضغط اكواد الجافا سكريبت JavaScript
و الكثير من الامور الاخرى التي يجب مراعاته، و في درسِنا لهذا اليوم سأريكُم طريقة ضَغط اكواد الجافا سِكريبت و لكن قَبل هذا يجب ان نَعلم ما هي لغة الجَافا سكْريبت.
كانت هذه نبذة صغيرة عن جافا سكريبت و الذي لابد ان تعرفها > المزيد عن لغة جافا سكريبت <
* مضمنا داخل صفحة الـ HTML، يكون بين وسمين وسم البداية <script type="text/javascript"> و وسم النهاية </scrip> مثال على ذلك:
* ملف خارجي، فيتم انشاء ملف خارجي بصيغة .js و وضع فيه اكواد جافا سكريبت
و من ثم استدعاءه في اتش تي ام ال هكذا :
حيث myscript تغيرها باسم الملف الذي انشأته.
ذكرت هذه الامور فقط لانك ستحتاجها في الخطوات الاتية.
الان الى ضغط الاكواد جافا سكريبت اذهب الى blogger و قم بتسجيل الدخول الى مدونتك و من ثم قم بالضغط على قالب و اختر تحرير اتش تي ام ال ليتم اظهار اكواد القالب الخاصة بك.
و هذا بالضغط على CTRL+F و نسخ مابين الوسمين <script type="text/javascript"> و </scrip> و قم بالذهاب الى موقع jscompress و ضع الكود الذي نسخته داخل لاطار المخصص له و قم بالضغط على Compress JavaScript .
ليتم اعطاءك كود مضغوط للكود الاول قم بنسخه و وضعه مكان الكود الاول، أعد تكرار الطريقة لجميع الاكواد المضمنة داخل اتش تي ام ال.
قم باعادة البحث و لكن هذه المرة عن .js لتجد كود في الغالب على هذا الشكل :
ليتم تحسين ظهور موقعك على محركات البحث يجب ان يمر بمراحل و من بين المراحل المهمة سرعة تحميل صفحات الموقع، فلامر الذي يجب ان تفعله قبل بِدأك العَمل على موقعك هو تسْريع تحمِيل صفحاته و لنقُوم بذَلك يجِب عَلينا :
1- تقليل حجم الصور
2- ضغط اكواد الCSS و HTML
3- ضغط اكواد الجافا سكريبت 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 .
ليتم اعطاءك كود مضغوط للكود الاول قم بنسخه و وضعه مكان الكود الاول، أعد تكرار الطريقة لجميع الاكواد المضمنة داخل اتش تي ام ال.
2- ضغط اكود جافا سكريبت المضمنة داخل ملف خارجي
قم باعادة البحث و لكن هذه المرة عن .js لتجد كود في الغالب على هذا الشكل :
<script src='linkFileJavaScript.js' type='text/javascript'/>
انسخْ رابط الملف ( linkFileJavaScript.js ) و قم بفتحه في المتصفح لتظهر لك مجموعة من الاكواد قم بنسخها كلهَا بالضغط على CTRL + A و الرجوع الى موقع jscompress و اعادة الخطوة الاول .
فهذه الخطوة ستحتاج الى اعَادة استضافة الكود الذي ضغطته مرة اخرى لنا موضوع حول هذا الامر كيفية استضافة ملفات الجافاسكريبت و سي إس إس مجانا .
أَتمنى ان يكونَ المقال قَد نال اعجابَكْ 😉 لا تنسى مشاركة المقال و تَرك تعليقْ في الاسفل 😘.