تسريع المدونة باضافة JQuery "LazyLoad"

تواصل وتفاعل مع المدونة

.showpageArea a { text-decoration:underline; } .showpageNum a { border:1px solid #aeaeae; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageNum a:hover { background-color:#0a8be5; border:1px solid #000000; } .showpagePoint { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#aeaeae none repeat scroll 0 0; border:1px solid #aeaeae; color:#333333; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageOf { margin:0 3px 0 0; padding:3px 7px; text-decoration:none; } .showpage a { border:1px solid #aeaeae; padding:3px 7px; text-decoration:none; } .showpage a:hover { text-decoration:none; } .showpageNum a:link, .showpage a:link { color:#333333; text-decoration:none; }

الثلاثاء، 6 سبتمبر 2011

تسريع المدونة باضافة JQuery "LazyLoad"

بسم الله الرحمن الرحيم ,بعض المدونين يعاني من بطئ مدونته لعدة من الاسباب منها كثرة الادوات والاضافات والرسائل في الصفحة مما يؤدي

الى ثقل المدونة مما يغضب الزائر بعدها يقوم بمغدرات الصفحة مباشرةاليوم سنقوم باضافة اداة لتسريع المدونة ودلك عن طريق اظهار النصف الاول والثاني بنفس الوقت والاداة ايضا تقوم بتسريع ظهور الصور في المدونة

مما سيؤدي الى ظهور باقي صفحة المدونة كلها

الاضافة يستعملها افضل المدونين في قوالبهم لافاوئدها في تسريع تصفح المدونة الاضافة تعمل بتقنية JQuery

JQuery "LazyLoad" ادراج الاداة في المدونة

الخطوة الاولى ~~ تصميم ~~ تحرير HTML~~

الخطوة الثانية هي البحث عن هدا الكود

</body>

ومباشرة فوقه قم باضافة الكود التالي:

الكود من هنا

jQuery(document).ready(function($){

if (navigator.platform == "iPad") return;

jQuery('img').lazyload({

effect:"fadeIn",

placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUb5Fcl1OWNE0eQ4CTKP8JozMyQF6xwUcFXlyAhxqvObdHAjxqRRpNqnqtRiB3B-NHj6jF-BKfA_AXfXnRlEsfGS_3gZruHuFV8cvT3AkIMV5Oqre_6UOhabRBpyvBI5vJMX0kfeaNC0/"

});

</script>

اتمنى ان يعجبك الموضوع في انتظار تعليقاتكم المحفزة