معهد خبراء بلوجر - سرع تصفح مدونتك و موقعك مع إضافة jQuery Lazy Load

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- دروس بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=11)

- - سرع تصفح مدونتك و موقعك مع إضافة jQuery Lazy Load (https://www.bloggerexp.com/showthread.php?t=5755)

سرع تصفح مدونتك و موقعك مع إضافة jQuery Lazy Load

بسم الله و الحمد لله و الصلاة و السلام على محمد الأمين و على صحبه و آله الطيبين الطاهرين. السلام عليكم و رحمة الله، في هذا الموضوع سنتعرف و إياكم على إضافة ممتازة لتسريع تصفح المدونة أو أي موقع على حد سواء، مبدأ الإضافة يتلخص في تحميل ما يراه المتصفح أولا ثم تحميل بقية الصور و المحتويات عند الطلب فمثلا عند تصفح صفحة ما ستلاحظ و أنت تنزل إلى أسفل الصفحة أن الصور و المحتويات تظهر تباعا بطريقة سلسة. باختصار الإضافة تتيح تحميل ما يظهر على الشاشة و ليس صفحة الموقع كلها الشيء الذي يزيد في سرعة تحميل و تصفح موقعك.و لمشاهدة مثال حي على الإضافة زر هذه الصفحة ثم تصفحها نزولا و ستلاحظ تأثير الإضافة بشكل أدق. طريقة تركيب الإضافة بسيطة و سهلة ، و تكون بإضافة الكود الآتي فوق (قبل) وسم </body> المغلق:

هذا الكود لتطبيق الإضافة على كافة صور الموقع

كود بلغة HTML:

<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>

رد: سرع تصفح مدونتك و موقعك مع إضافة jQuery Lazy Load

إن كان الكود فعلا يسرع الموقع فهو لن يسرعه أبدا و سأخبرك لماذا؟
أولا الموقع الذي أعطيتنا مثالا به فهو يستخدم سكريبت الووردبريس وزيادة عن هذا يستخدم أيضا تقنية الكلود "Cloudflare" وهي تقنية لا أظنها موجودة في مواقع البلوجر ....
ثانيا أنظر إلى هذا الرابط: http://sites.google.com/site/simoxoo...i.js?ver=1.5.0
هذا الرابط موجود بالكود الذي أعطيتنا فهو غير مشتغل ولن يشتغل بهذه الطريقة ....

رد: سرع تصفح مدونتك و موقعك مع إضافة jQuery Lazy Load

أخي أنظر إلى هذه المدونة و سترى الفرق
ميديا أونلاين

رد: سرع تصفح مدونتك و موقعك مع إضافة jQuery Lazy Load

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

http://al-tari9.blogspot.com