سرع تصفح مدونتك و موقعك مع إضافة رائعه

[romaissa]

http://www.dzbatna.com/attachments/651023d1341750170-speed-up-your-site.jpg

بسم الله و الحمد لله و الصلاة و السلام على محمد الأمين و على صحبه و آله الطيبين الطاهرين. السلام عليكم و رحمة الله، في هذا الموضوع سنتعرف و إياكم على إضافة ممتازة لتسريع تصفح المدونة blog أو أي موقع على حد سواء، مبدأ الإضافة يتلخص في تحميل ما يراه المتصفح أولا ثم تحميل بقية الصور و المحتويات عند الطلب فمثلا عند تصفح صفحة ما ستلاحظ و أنت تنزل إلى أسفل الصفحة أن الصور و المحتويات تظهر تباعا بطريقة سلسة. باختصار الإضافة تتيح تحميل ما يظهر على الشاشة و ليس صفحة الموقع كلها الشيء الذي يزيد في سرعة تحميل و تصفح موقعك.و لمشاهدة مثال حي على الإضافة زر هذه الصفحة (http://www.1stwebdesigner.com/) ثم تصفحها نزولا و ستلاحظ تأثير الإضافة بشكل أدق. طريقة تركيب install الإضافة بسيطة و سهلة ، و تكون بإضافة الكود code الآتي فوق (قبل) وسم المغلق:
هذا الكود code لتطبيق الإضافة على كافة صور الموقع



رمز PHP:

<code style="white-space:nowrap"> <code> <script src='http://ajax.googleapis.com/ajax/libs/jquery/ 1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/> <script src='http://sites.google.com/site/simoxooorg/Home /jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == &quot;iPad&quot;) return; jQuery('img').lazyload({ effect:&quot;fadeIn&quot;, placeholder: &quot;http://lh5.ggpht.com/_XrWO8mEpDy0/ TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot; }); }); </script>
</code> </code>

إذا كنت تستعمل مسبقا مكتبة جي كويري في موقعك أو مدونتك فلا داعي لوضع السطر المشار إليه باللون الأزرق و اكتف بوضع بقية الكود code فقط. تخصيص الإضافة


تحديث update : لتطبيق الإضافة فقط على جسم الموضوع أو التدوينة فقط أضف الكلاس أو ال id المراد التطبيق عليه فقط إلى يسار ما لون بالأحمر كما توضحه الأمثلة الآتية.



فمثلا في بلوجر نطبق الإضافة على .post نستعمل الكود code كما يلي:


رمز PHP:

<code style="white-space:nowrap"> <code> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){



if (navigator.platform == &quot;iPad&quot;) return;
jQuery('.post img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot;
});
});
</script>
</code> </code>



و في ووردبريس نطبق الإضافة على #post-blog كما في الكود code الآتي:

و في المنتديات على .tborder يصبح الكود code كالآتي: رمز PHP:

<code style="white-space:nowrap"> <code> <script src='http://ajax.googleapis.com/ajax/libs/jquery /1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/> <script src='http://sites.google.com/site/simoxooorg/Home /jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == &quot;iPad&quot;) return; jQuery('.tborder img').lazyload({ effect:&quot;fadeIn&quot;, placeholder: &quot;http://lh5.ggpht.com/_XrWO8mEpDy0 /TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot; }); }); </script>
</code> </code>



و لمن يملك بعض الخبرة و الدراية في هذا المجال

يمكنه تخصيص الإضافة و تعديلها عبر متابعة موقع تطويرها (http://www.appelsiini.net/projects/lazyload).


والسلام عليكم ورحمة الله

إقرأ المزيد على مدونة blog ملوك ادسنس د سرع تصفح مدونتك و موقعك مع إضافة رائعه (http://adsenseobs.blogspot.com/2014/07/blog-post_08.html#ixzz207RnvH9J)







الصور المصغرة المرفقة http://www.traidnt.net/vb/attachments/651023d1341750170t-speed-up-your-site.jpg (http://www.traidnt.net/vb/attachments/651023d1341750170-speed-up-your-site.jpg)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©