اخفاء اكواد جافا سكربت js و css عن صفحات و عرضها فى اخرى لتسريع تحميل بلوجر
السلام عليكم ورحمه الله و بركاته , فى تدوينه اليوم سنشرح احد طرق تسريع تحميل بلوجر , كثير منا يستخدم اكواد الجافا سكربت فى بلوجر لكن بعض هذه الاكواد نحتاجه ليعمل فى الصفحه الرئيسيه فقط اما فى صفحات المواضيع مثلا ليس له دور و مع ذلك الكود يتم تحميله و يزيد من وقت تحميل الصفحه دون الفائده منه , و عندما يزيد استخدام هذه الاكواد , تبطوء المدونه احيانا خصوصا ان بعض
ملفات الجافا سكربت حجمها كبير
اذا ماهو الحل ؟ تريد ان تزيد من سرعه تحميل المدونه دون الاستغناء عن اكواد الجافا و الجى كويرى اللتى تعطى المدونه طابع مميز و اضافات جذابه ؟!
حسنا سنلجأ الى استخدام حيله معروفه و سهله جدا .. و هى ان نستخدم اكواد اظهار و اخفاء اضافات بلوجر widgets لكن هذه المره فى الاكواد
مثلا ان اردنا عرض كود جافا فى الصفحه الرئيسيه فقط
<b:if cond='data:blog.url == data:blog.homepageUrl'>او هكذا لعرض محتوى الملف نفسه
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><script type='text/javascript'>و ان اردنا عرض كود css فى الصفحه الرئيسيه فقط
//<![CDATA[
JSON.extend({
parse: function(string) {
return JSON.decode(string);
},
stringify: function(obj) {
return JSON.encode(obj);
}
});
//]]></script></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><script src='http://randevo.blogspot.com/style.css' type='text/javascript'></script></b:if>او هكذا لعرض محتوى الملف
<b:if cond='data:blog.url == data:blog.homepageUrl'>و هكذا دواليك مع باقى الاكواد ..
<style>#header-wrapper{width:963px;margin:0 auto 0;height:100px;padding-top:15px;overflow:hidden;}</style>
</b:if>
فان اردنا اخفاء الكود عن الصفحه الرئيسيه فقط و عرضه فى باقى الصفحات
<b:if cond='data:blog.pageType == "item"'>و ان اردنا عرض الكود فى صفحات ثابته فقط
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>و لاخفاء الكود عن الصفحات الثابته فقط
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>لعرض الكود فى رابط معين فقط
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
<b:if cond='data:blog.url == "URL OF Selected Post"'>
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
لاخفاء الكود عن رابط معين فقط
<b:if cond='data:blog.url != "URL OF Selected Post"'>لعرض الكود فى صفحات الاقسام labels فقط .. يمكنك تحديد اسم التسميه او ازاله السطر الموجود فيه كلمه التسميه ان ردت عرض الكود فى كل صفحات التسميات labels
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "التسمية"'>
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
لعرض الكود او الجافا سكربت فى صفحات المواضيع فقط
<b:if cond='data:blog.pageType == "item"'>
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>
لاضافه الكود او الاضافه او الجافا سكربت فى صحفات مؤلف معين او كاتب التدوينه فقط
<b:if cond='data:post.author == "إسم الكاتب "'>
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script></b:if>
0