التخطي إلى المحتوى الرئيسي

طريقة ذكية لتسريع تحميل موقعك في المتصفح

بواسطة
السلام عليكم 

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

كيف يعمل الكود 
و عمل الكود أنه يقوم بتحميل الصور لكن في خفاء أي لا يضهرها في المدونة حتى يتصفحها الزائر ,فبدون هدا الكود يتم اضهار كل الصور حتى وان لم يكن الزائر يتصفحها و هدا ما سيسبب ثقل في موقعك , 

قمت بوضع الكود الاتي فوق وسم اغلاق ال head
التسميات:

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

كيف تستفيد من أداة Inspect Element في جوجل كروم

بواسطة
Inspect Element هي أداة توجد في متصفح جوجل كروم وهي أداة وضعت خصيصا لمطوري الويب أو web devloper فيها العديد من المميزات لمساعدة مطور الويب في عمله و لهدا سأريك في هدا الدرس أهم الاستعمالات لأداة Inspect Element  كيف تستفيد من أداة Inspect Element في جوجل كروم  نافذة Elements من هده القائمة يمكنك مشاهدة جميع عناصر الصفحة و أكواد ال css الخاصة بكل عنصر ,ويمكنك التعديل عليها حسب ذوقك ادا كنت تتقن ال HTML و CSS  نافذة Sources هده النافذة تمكنك من مشاهدة مصادر موقعك التي تتمثل في السكريبتات  و كل ما يتصل به موقعك نافذة Resources هده النافذة تقوم باضهار موارد موقعك و أقصد بموارد هي الصور و السكريبتات و ال Stylesheets فعبر فتح ملف Frames يمكنك أن تشاهد الصور والسكريبتات و ال Stylesheets الخاصة بأي موقع أو مدونة  نافذة console  وهي وحدة تحكم المدونة أو الموقع يمكنك القاء أوامر للموقع أعطيك مثال على ذالك تلك الخدع التي تراها في الفيسبوك عن طريقة اختراق أي حساب أو فتح كامرا أي شخص ... فتلك الخدع تع...
إرسال تعليق
قراءة المزيد

حماية الروابط بكلمة سر ( الدخول لرابط من موقعك بكلمة سر )

بواسطة
السلام عليكم ورحمة الله تعالى و براكاته , أما بعد اليوم سنتطرق الى موضوع يهم بكثرة المدونين يعني ليحصلوا على مقابل لما يضعونه في مدوناتهم من طرف الزوار , حيث الاضافة اليوم ستمكنك من حماية الروابط مثلا لو وضعت قالب بلوجر و أردت أن لا يدخل أي شخص على الرابط الا بعد أن يفذ شروطك لتعطيه كلمة السر التي تمكنه من الذهاب للرابط أو التوجه للرابط . الاضافة سهلة فقط غيير ما باللون الأحمر و قم بنسخ الكود و لصقه في المشاركة في تبويب HTML في المكان الذي تريده <script> function passWord() { var testV = 1; var pass1 = prompt('يرجى ادخال الرقم السري',' '); while (testV < 3) { if (!pass1)  history.go(-1); if (pass1.toLowerCase() == " كلمة السر هنا ") { alert('تم قبول الرقم السري'); window.open('http:// الرابط هنا '); break; }  testV+=1; var pass1 =  prompt('لا يمكن دخولك - الرقم السري خاطئ, يرجى إعادة المحاولة','ادخل هنا الرقم السري'); } if (pass1.toLowerCase()!="password" & testV ...
إرسال تعليق
قراءة المزيد

دورة مطوري بلوجر في العالم العربي { ج2 }

بواسطة
أول مرة في العالم العربي . . . دورة مطوري بلوجر , أكواد البلوجر , الأكواد التي تحتاجها لتبدأ بتصميم قالبك من الصفر بكل التخصيصات و تطوير القالب على منصة البلوجر . . . دورة طويلة ستتعلم فيها كل ما يوجد من أكواد في منصة البلوجر اليوم سنقدم لك كل المكتبات التي تحتاجها المكتبات المرفوعة على جوجل ( juqery ,Dojo .... etc )  Jquery <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Angular <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script> Dojo <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.2/dojo/dojo.js"></script>   Ext Core <script src="//ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> Jquery.ui <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /><script src="//ajax.googleapis.co...
إرسال تعليق
قراءة المزيد