بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته.

[ كود جيكوري ] تسريع الموقع وتحميل الصور عبر إضافة lazy loading images

اضافة lazy loading images هي من الاضافات الضروريه بكل موقع حقيقة , وفائدة الاضافة انه عند تصفح الموقع لايتم تحميل كل الصور دفعة واحده لان ذالك قطعياَ سيتسبب في ثقل كبير اثناء التصفح مع بطئ , الاضافة تقوم اولا بجعل المحتوى المرئي محمل , ثم تقوم بتحميل باقي الصور في الخلفية , وهذا يساعد بشكل كبير في زيادة سرعة تصفح الموقع لان ليس جميع الصور يتم تحميلها في آن واحد.





اولاَ : قارن سرعة مدونتك قبل وبعد الاضافة من خلال هذه الموقعين : 

1. gtmetrix.com
2. google page speed

ثانياَ : طريقة التركيب : 

• ادخل مدونتك.
• القالب.
• حرر القالب.
• ابحث عن </head>
• الصق هذا الكود قبله , فوقه :

<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery(&#39;img&#39;).lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;https://jetara.googlecode.com/svn/trunk/30.gif&quot;
});
});
</script>
<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.lazyload=function(options){var settings={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(options){$.extend(settings,options);}
var elements=this;if("scroll"==settings.event){$(settings.container).bind("scroll",function(event){var counter=0;elements.each(function(){if($.abovethetop(this,settings)||$.leftofbegin(this,settings)){}else if(!$.belowthefold(this,settings)&&!$.rightoffold(this,settings)){$(this).trigger("appear");}else{if(counter++>settings.failurelimit){return false;}}});var temp=$.grep(elements,function(element){return!element.loaded;});elements=$(temp);});}
this.each(function(){var self=this;if(undefined==$(self).attr("original")){$(self).attr("original",$(self).attr("src"));}
if("scroll"!=settings.event||undefined==$(self).attr("src")||settings.placeholder==$(self).attr("src")||($.abovethetop(self,settings)||$.leftofbegin(self,settings)||$.belowthefold(self,settings)||$.rightoffold(self,settings))){if(settings.placeholder){$(self).attr("src",settings.placeholder);}else{$(self).removeAttr("src");}
self.loaded=false;}else{self.loaded=true;}
$(self).one("appear",function(){if(!this.loaded){$("<img />").bind("load",function(){$(self).hide().attr("src",$(self).attr("original"))
[settings.effect](settings.effectspeed);self.loaded=true;}).attr("src",$(self).attr("original"));};});if("scroll"!=settings.event){$(self).bind(settings.event,function(event){if(!self.loaded){$(self).trigger("appear");}});}});$(settings.container).trigger(settings.event);return this;};$.belowthefold=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).height()+$(window).scrollTop();}else{var fold=$(settings.container).offset().top+$(settings.container).height();}
return fold<=$(element).offset().top-settings.threshold;};$.rightoffold=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).width()+$(window).scrollLeft();}else{var fold=$(settings.container).offset().left+$(settings.container).width();}
return fold<=$(element).offset().left-settings.threshold;};$.abovethetop=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).scrollTop();}else{var fold=$(settings.container).offset().top;}
return fold>=$(element).offset().top+settings.threshold+$(element).height();};$.leftofbegin=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).scrollLeft();}else{var fold=$(settings.container).offset().left;}
return fold>=$(element).offset().left+settings.threshold+$(element).width();};$.extend($.expr[':'],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"});})(jQuery);
//]]>
</script>

عشوائي 1:08:00 م

مزيد من المعلومات »

                                                            بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

لقد بدأ العد التنازلى لشهر رمضان الكريم لهذا العام 2016/1437  "كل عام وأنتم بخير"

ويفضل الكثير من أصحاب المواقع والمدونات تزيين مواقعهم بالإضافات الرمضانية مثل إضافة عداد لحساب كم باقى على أيام شهر رمضان الكريم  باليوم والساعة والدقيقة والثانية لذلك صممت من قبل بعض الإضافات وحدثتها لتقوم بحساب المتبقى على رمضان1437 - 2016.

يمكن أيضا تحميل تطبيق العد التنازلى على رمضان على هواتف الأندرويد من هنا

                             أداة العد التنازلى لشهر رمضان  على هيئة بانر فلاشى ذو خلفية سحاب متحرك 

• اللون الأحمر

كود html

 إنسخ الكود التالى بموقعك

 إنسخ الكود التالى بموقعك

<center>
<embed height="150" src="https://googledrive.com/host/0B3ntuTCXGn6ndlUtZDJIdHlaYTg" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/2013/05/prayer-time-widget.html" rel="nofollow" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a>

• اللون البنفسجى

                                         

كود html

 إنسخ الكود التالى بموقعك

<center>
<embed height="150" src="https://googledrive.com/host/0B3ntuTCXGn6nZ1BfTG5qZ1gzVEE" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/2013/05/prayer-time-widget.html" rel="nofollow" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a>

اللون الأخضر

 
كود html

 إنسخ الكود التالى بموقعك

<center>
<embed height="160" src="https://googledrive.com/host/0B3ntuTCXGn6ndUJIT3doTjJCa3c" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/2013/05/prayer-time-widget.html" rel="nofollow" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a>

</center>

عشوائي 11:26:00 ص

مزيد من المعلومات »