ازالة جافاسكريبت الغير مستخدم

كل كود جافا سكربت لا تستخدمه قم بإزالته سواء في ملفات js او في ملفات html

أكواد javascript تكون مخزنة بملفات امتدادها يكون .js  أو ايضا تجدها في ملفات html بصيغة 

<script type="text/javascript">هنا كود الجافاسكريبت</script>

و ايضا قم بضغط ملفات js حتى تقلل حجمها, لانه في هذه الطريقة تقلل مدة تحميل الملف مما يزيد من سرعة الموقع و يمكنك استخدام هذه الطريقة عن طريق موقع https://javascript-minifier.com/ أو اي موقع أخر يحول الكود إلى Minified.

ملاحظة: يمكن ايضا التعامل مع ملفات css بنفس الطريقة وتحويلها إلى Minified.

مثل هذا الكود 

$("#contactFormmm").validator().on("submit", function (event) {
		console.log("hellloooooooooooooooooooooooo");

		if (event.isDefaultPrevented()) {
			// handle the invalid form...
			formError();
			submitMSG(false, "هل قمت بملء النموذج بشكل صحيح؟");
		} else {
			// everything looks good!
			event.preventDefault();
			submitForm();
		}
	});


	function submitForm(){
		// Initiate Variables With Form Content
		var name = $("#name").val();
		var email = $("#email").val();
		var subject = $("#subject").val();
		var msg = $("#msg").val();


		$("body").addClass("loading");
		$('.abcmodal').fadeIn(500);
		$('.overlayy').fadeIn(500);

		var fd = new FormData(document.getElementById("contactFormmm"));
		console.log("hellloooooooooooooooooooooooo");
		$.ajax({
			type: "POST",
			url: "{{ route('contact-us.store') }}",
			data: fd,
			cache: false,
			processData: false,
			contentType: false,
			success : function(text){



				$("body").removeClass("loading");
				$('.abcmodal').fadeOut(500);
				$('.overlayy').fadeOut(500);
				formSuccess();
			}
		});
	}

	function formSuccess(){
		$("#contactFormmm")[0].reset();
		submitMSG(true, "تم الإرسال");
	}

	function formError(){
		$("#contactFormmm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
			$(this).removeClass();
		});
	}

	function submitMSG(valid, msg){
		if(valid){
			var msgClasses = "h3 text-center tada animated text-success";
		} else {
			var msgClasses = "h3 text-center text-danger";
		}
		$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
	}

عند تحويله يصبح 

function submitForm(){$("#name").val(),$("#email").val(),$("#subject").val(),$("#msg").val();$("body").addClass("loading"),$(".abcmodal").fadeIn(500),$(".overlayy").fadeIn(500);var o=new FormData(document.getElementById("contactFormmm"));console.log("hellloooooooooooooooooooooooo"),$.ajax({type:"POST",url:"{{ route('contact-us.store') }}",data:o,cache:!1,processData:!1,contentType:!1,success:function(o){$("body").removeClass("loading"),$(".abcmodal").fadeOut(500),$(".overlayy").fadeOut(500),formSuccess()}})}function formSuccess(){$("#contactFormmm")[0].reset(),submitMSG(!0,"تم الإرسال")}function formError(){$("#contactFormmm").removeClass().addClass("shake animated").one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){$(this).removeClass()})}function submitMSG(o,t){if(o)var e="h3 text-center tada animated text-success";else e="h3 text-center text-danger";$("#msgSubmit").removeClass().addClass(e).text(t)}$("#contactFormmm").validator().on("submit",function(o){console.log("hellloooooooooooooooooooooooo"),o.isDefaultPrevented()?(formError(),submitMSG(!1,"هل قمت بملء النموذج بشكل صحيح؟")):(o.preventDefault(),submitForm())});

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

قمت بعمل اختبار سرعة على المدونة الخاصة بك ووجدت أن سرعتها على اجهزة الديسكتوب ممتازة ب98 من 100 و لكن سرعتها على الجوال اقل بعض الشيء حيث بلغت 85 من 100 وهنالك بعض النصائح التي يمكنك القيام بها لتحسين سرعتها على الموبايل:

1. ان تقوم بأعطاء الصور width و height.
2. ان تقوم باستخدام عملية الكاشينج و تعطي الكاش عمراً طويلاً.
3. تقليل زمن استجابة الخادم للطلبات من خلال تحسين جودة الكود.
4. بالاضافة إلى أن المكتبة بهذا الرابط تستهلك 1.5 ثانية و هي اكبر مستهلك للوقت لذلك ينصح بحذفها إن أمكن.

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

بتاريخ 9 ساعات قال عبد الله محمد5:

قمت بعمل اختبار سرعة على المدونة الخاصة بك ووجدت أن سرعتها على اجهزة الديسكتوب ممتازة ب98 من 100 و لكن سرعتها على الجوال اقل بعض الشيء حيث بلغت 85 من 100 وهنالك بعض النصائح التي يمكنك القيام بها لتحسين سرعتها على الموبايل:

1. ان تقوم بأعطاء الصور width و height.
2. ان تقوم باستخدام عملية الكاشينج و تعطي الكاش عمراً طويلاً.
3. تقليل زمن استجابة الخادم للطلبات من خلال تحسين جودة الكود.
4. بالاضافة إلى أن المكتبة بهذا الرابط تستهلك 1.5 ثانية و هي اكبر مستهلك للوقت لذلك ينصح بحذفها إن أمكن.

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

شكرا كثير للجميع ولك فقط سؤال اين اجد كود المكتبة التي تستهلك الوقت 

بتاريخ 11 ساعات قال بلال زيادة:

كل كود جافا سكربت لا تستخدمه قم بإزالته سواء في ملفات js او في ملفات html

أكواد javascript تكون مخزنة بملفات امتدادها يكون .js  أو ايضا تجدها في ملفات html بصيغة 

<script type="text/javascript">هنا كود الجافاسكريبت</script>

و ايضا قم بضغط ملفات js حتى تقلل حجمها, لانه في هذه الطريقة تقلل مدة تحميل الملف مما يزيد من سرعة الموقع و يمكنك استخدام هذه الطريقة عن طريق موقع https://javascript-minifier.com/ أو اي موقع أخر يحول الكود إلى Minified.

ملاحظة: يمكن ايضا التعامل مع ملفات css بنفس الطريقة وتحويلها إلى Minified.

مثل هذا الكود 

$("#contactFormmm").validator().on("submit", function (event) {
		console.log("hellloooooooooooooooooooooooo");

		if (event.isDefaultPrevented()) {
			// handle the invalid form...
			formError();
			submitMSG(false, "هل قمت بملء النموذج بشكل صحيح؟");
		} else {
			// everything looks good!
			event.preventDefault();
			submitForm();
		}
	});


	function submitForm(){
		// Initiate Variables With Form Content
		var name = $("#name").val();
		var email = $("#email").val();
		var subject = $("#subject").val();
		var msg = $("#msg").val();


		$("body").addClass("loading");
		$('.abcmodal').fadeIn(500);
		$('.overlayy').fadeIn(500);

		var fd = new FormData(document.getElementById("contactFormmm"));
		console.log("hellloooooooooooooooooooooooo");
		$.ajax({
			type: "POST",
			url: "{{ route('contact-us.store') }}",
			data: fd,
			cache: false,
			processData: false,
			contentType: false,
			success : function(text){



				$("body").removeClass("loading");
				$('.abcmodal').fadeOut(500);
				$('.overlayy').fadeOut(500);
				formSuccess();
			}
		});
	}

	function formSuccess(){
		$("#contactFormmm")[0].reset();
		submitMSG(true, "تم الإرسال");
	}

	function formError(){
		$("#contactFormmm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
			$(this).removeClass();
		});
	}

	function submitMSG(valid, msg){
		if(valid){
			var msgClasses = "h3 text-center tada animated text-success";
		} else {
			var msgClasses = "h3 text-center text-danger";
		}
		$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
	}

عند تحويله يصبح 

function submitForm(){$("#name").val(),$("#email").val(),$("#subject").val(),$("#msg").val();$("body").addClass("loading"),$(".abcmodal").fadeIn(500),$(".overlayy").fadeIn(500);var o=new FormData(document.getElementById("contactFormmm"));console.log("hellloooooooooooooooooooooooo"),$.ajax({type:"POST",url:"{{ route('contact-us.store') }}",data:o,cache:!1,processData:!1,contentType:!1,success:function(o){$("body").removeClass("loading"),$(".abcmodal").fadeOut(500),$(".overlayy").fadeOut(500),formSuccess()}})}function formSuccess(){$("#contactFormmm")[0].reset(),submitMSG(!0,"تم الإرسال")}function formError(){$("#contactFormmm").removeClass().addClass("shake animated").one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){$(this).removeClass()})}function submitMSG(o,t){if(o)var e="h3 text-center tada animated text-success";else e="h3 text-center text-danger";$("#msgSubmit").removeClass().addClass(e).text(t)}$("#contactFormmm").validator().on("submit",function(o){console.log("hellloooooooooooooooooooooooo"),o.isDefaultPrevented()?(formError(),submitMSG(!1,"هل قمت بملء النموذج بشكل صحيح؟")):(o.preventDefault(),submitForm())});

 

اشكرك اخي بارك الله فيك 

بتاريخ 9 ساعات قال عبد الله محمد5:

قمت بعمل اختبار سرعة على المدونة الخاصة بك ووجدت أن سرعتها على اجهزة الديسكتوب ممتازة ب98 من 100 و لكن سرعتها على الجوال اقل بعض الشيء حيث بلغت 85 من 100 وهنالك بعض النصائح التي يمكنك القيام بها لتحسين سرعتها على الموبايل:

1. ان تقوم بأعطاء الصور width و height.
2. ان تقوم باستخدام عملية الكاشينج و تعطي الكاش عمراً طويلاً.
3. تقليل زمن استجابة الخادم للطلبات من خلال تحسين جودة الكود.
4. بالاضافة إلى أن المكتبة بهذا الرابط تستهلك 1.5 ثانية و هي اكبر مستهلك للوقت لذلك ينصح بحذفها إن أمكن.

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

كيف  اقوم بأعطاء الصور width و height