كلمة الفريق

في عصرنا يوجد مئات الآلاف من المدونين والمدونات ، البعض يعمل بشغف وحب والآخر يعمل بشكل إنتاجي للكسب فقط ! أما نحن .. نحب ونعشق وندوووب في دباديب التدوين ونؤمن أننا سنقوم بإضافة كبيرة للمحتوى العربي ولو بشيئ بسيط ، نتعلم بشكل مستمر نشارككم بكل جديد ، نحاول المساعدة نحب أصدقاءنا ، نهتم بإستفساراتهم كما لو كانت ملكنا، فريقنا فريق واحد رغم أنه متكون من شخص واحد :) لكنه يعمل بجنون

حصريا : أفضل طريقتين لجعل مدونتك سريعة لأقصى درجة ممكنة 2014 / 2015

حصريا : أفضل طريقتين لجعل مدونتك سريعة لأقصى درجة ممكنة 2014 / 2015

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

الطريقة لأولى:

توجه إلى لوحة التحكم لمدونتك ==>القالب ==> تحرير HTML 

ثم إبحث أو لتسهيل الأمر إضغط على ctrl+F و إبحث عن :
</head>
ثم ضع الكود التالي قبله (فوقه) :
 <script type='text/javascript'>//<![CDATA[(function(a) {    a.fn.lazyload=function(b){var c={threshold: 0,failurelimit:0,event:"scroll",effect:"show",container:window;};if(b) {    a.extend(c,b);}var d=this;if("scroll"==c.event) {    a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)) {    a(this).trigger("appear");}else {    if(e++>c.failurelimit){return false;}}});var f=a.grep(d,function(a) {    return!a.loaded;});d=a(f);})}this.each(function() {var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"));}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)) {if(c.placeholder){a(b).attr("src",c.placeholder);}else {a(b).removeAttr("src");}b.loaded=false;}else {b.loaded=true;}a(b).one("appear",function() {if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true;}).attr("src",a(b).attr("original"));}});if("scroll"!=c.event) {a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear");}})}});a(c.container).trigger(c.event);return this;};a.belowthefold=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop();}else {var d=a(c.container).offset().top+a(c.container).height();}return d<=a(b).offset().top-c.threshold;};a.rightoffold=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft();}else {var d=a(c.container).offset().left+a(c.container).width();}return d<=a(b).offset().left-c.threshold;};a.abovethetop=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).scrollTop();}else {var d=a(c.container).offset().top;}return d>=a(b).offset().top+c.threshold+a(b).height();};a.leftofbegin=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).scrollLeft();}else {var d=a(c.container).offset().left;}return d>=a(b).offset().left+c.threshold+a(b).width();};a.extend(a.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);$(function() {$("img").lazyload({placeholder: "http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";})})//]]></script>
ثم قم بحفظ القالب و ستلاحظ السرعة الصاروخية لموقعك 


الطريقة الثانية:

الطريف التالية تتمثل في ضغط أكواد CSS و  CSS3 في دقيقتان 
نتوجه إلى لوحة التحكم لمدونتك أو موقعك ==> القالب ==> تحرير HTML
ثم نبحث عن 
<b:skin><![CDATA[/*حدد الكود لموجود هنا</b:skin> 
ثم قم بنسخ الكود بين الوسمين السابقين
 وبعد ذلك نتوجه للموقع التالي : lottery post 
الأن طبق طما بالصورة
و أخييرا أنسخ الكود المحصل عليه وضعه مكان الكود الأول الذي بين الوسمين التاليين
<b:skin><![CDATA[/*
ضع الكود هنا مكان السابق 
</b:skin> 
إلى هنا إنتهينا إلى درس أخر بإذن الله 
لا تنسونا بتعليق وكلمة شكر لكي لا نشعر باليأس ونحس بأن جهودنا
كان معكم عثمان العامري  شكرا لتتبعكم
عنوان التدوينة: حصريا : أفضل طريقتين لجعل مدونتك سريعة لأقصى درجة ممكنة 2014 / 2015
تقييم : 10 من 10 مرتكز على 24 تقييم.
الكاتب : عثمان العامري مدير مدونة أتامي ويب
عدد المشاهدات :

2 التعليقات

اضغط لإضافة التعليقات
17 أغسطس 2014 في 7:57 ص ×

شكرا على الشرح :D

رد
avatar
otman amiri
ADMIN
17 أغسطس 2014 في 8:41 ص ×

العفو , شكرا لتعليقك ^^

رد
avatar

* بإمكانك إدراج الأكواد الغير قابلة لنشر بتحويله عبر محول الأكواد

تحويل الأكوادإغلاق التعبيراتإخفاء

شكرا لتعليقك
قالب أتامي ويب .