اخفاء اكواد جافا سكربت js و css عن صفحات و عرضها فى اخرى لتسريع تحميل بلوجر

Jack El Said

3:50 ص

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمه الله و بركاته , فى تدوينه اليوم سنشرح احد طرق تسريع تحميل بلوجر , كثير منا يستخدم اكواد الجافا سكربت فى بلوجر لكن بعض هذه الاكواد نحتاجه ليعمل فى الصفحه الرئيسيه فقط اما فى صفحات المواضيع مثلا ليس له دور و مع ذلك الكود يتم تحميله و يزيد من وقت تحميل الصفحه دون الفائده منه , و عندما يزيد استخدام هذه الاكواد , تبطوء المدونه احيانا خصوصا ان بعض  
ملفات الجافا سكربت حجمها كبير
اذا ماهو الحل ؟ تريد ان تزيد من سرعه تحميل المدونه دون الاستغناء عن اكواد الجافا و الجى كويرى اللتى تعطى المدونه طابع مميز و اضافات جذابه ؟!




حسنا سنلجأ الى استخدام حيله معروفه و سهله جدا .. و هى ان نستخدم اكواد اظهار و اخفاء اضافات بلوجر 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'>
//<![CDATA[
JSON.extend({
parse: function(string) {
return JSON.decode(string);
},
stringify: function(obj) {
return JSON.encode(obj);
}
});
//]]></script></b:if>

و ان اردنا عرض كود css فى الصفحه الرئيسيه فقط

<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"'>
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script>
</b:if>

لعرض الكود فى صفحات الاقسام labels فقط .. يمكنك تحديد اسم التسميه او ازاله السطر الموجود فيه كلمه التسميه ان ردت عرض الكود فى كل صفحات التسميات labels

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;التسمية&quot;'>
<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 == &quot;إسم الكاتب &quot;'>
<script src='http://randevo.blogspot.com/script.js' type='text/javascript'></script></b:if>