زد سرعة موقعك أو مدونتك بلغة jQuery
بسم الله الرحمان الرحيم
اليوم سنتحدث عن إضافة كود تسريع إلي المدونات كبلوجر أو وورد بريس أو المواقع و بالطبع منتديات الفي بي،
دوما حين تدخل إلي صفحة أنترنت فيها كثير من الصور تلاحظ ان الصور كلها تحمل مع بعضها البعض و لك كود jQuery الذي سنضيفه سيغير طريقة عرض الصور حيث يعرض الصور التي تراها اولا فإذا واصلت النزول إلي أسفل الصفحة ستري الصور تظهر تباعا و بهذا سيكون موقع كما لو أنه علي إستظافة مدفوعة و الجدير بالذكر أن هذه الإضافة جيدة للمنتديات خصوصا التي فيها مواضيع كثيرة .
و الآن طريقة الإضافة :
تكون بإضافة الكود الآتي قبل </body> المغلق (للبحث عن كود </body> أنزل إلي آخر الصفحة أو أبحث عنه)
<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 == "iPad") return; jQuery('img').lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//" }); }); </script>
ملاحظة : إذا كنت تستعمل jQuery في مدونتك الوورد بريس او موقعك أو منتداك فلا داعي لإستعمال السطر الأزرق ، أستعمل الكود كاملا بدونه
*تطبيق الكود علي التدوينة أو الموضوع فقط*
في بلوجر
<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 == "iPad") return; jQuery('.post img').lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//" }); }); </script>
في مدونة وورد بريس
مثما في بلوجر أي #post-blog نضع الكود التالي :
<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 == "iPad") return; jQuery('#post-blog img').lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//" }); }); </script>
في المنتديات
و نعني به جميع المنتديات فنطبق علي tborder :
لمن لم يفهم يليتفظل بالسؤال و سأتشرف بالتفسير<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 == "iPad") return; jQuery('.tborder img').lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//" }); }); </script>
شكرا علي هذا الشرح لكن له مساويء لأنه برغم أنه يظهر الصور بسرعة إلا أنه يتسبب ببطيء الموقع
ردحذفممكن سؤال
ردحذفلمذا كل مواضيع مسروقة من مدونة ابو اياد و ذؤيب؟
شكرا كثير على المواضيع الحلوة انا استفدت كثير وفي مواضيع جربتها على مدونتي منها ما نجح معي ومنها الا
ردحذفشكرا كثير اتمنى لك التوفيق