২০ জানু, ২০১৬

মোবাইল Template থেকে অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করুন

মোবাইল Template থেকে অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করুন
4/ 5 stars - "মোবাইল Template থেকে অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করুন" মোবাইল Template থেকে কিভাবে অপ্রয়োজনীয় HTML ট্যাগ Remove করতে হয় তা নিয়ে আমরা গত পোষ্টে বিস্তারিত আলোচনা করেছি। এখন আমরা শিখব কিভাবে অপ্রয়...
-
মোবাইল Template থেকে কিভাবে অপ্রয়োজনীয় HTML ট্যাগ Remove করতে হয় তা নিয়ে আমরা গত পোষ্টে বিস্তারিত আলোচনা করেছি। এখন আমরা শিখব কিভাবে অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করতে হয়। মোবাইল টেমপ্লেটের Load Time Fast করার জন্য অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করা প্রয়োজন।
মোবাইল Template থেকে অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করুন।
ব্লগার টেমপ্লেটের সাইডবারসহ বিভিন্ন জায়গাতে অনেক ধরনের Widget ব্যবহার করা হয়ে থাকে, যেগুলি মোবাইল টেমপ্লেটে ব্যবহার করার প্রয়োজন পড়ে না। যদি সকল ধরনের Widget মোবাইল টেমপ্লেটে ব্যবহার করেন তাহলে আপনার ব্লগটি মোবাইল ভার্সনে অত্যন্ত স্লো গতির হবে। ইতিপূর্বে আমরা জেনেছি যে, কম্পিউটার ভার্সনের চাইতে মোবাইল ভার্সন খুবই স্লো গতির হয়ে থাকে। কাজেই সব ধরনের অপশন মোবাইল ভার্সনে ব্যবহার না করে শুধুমাত্র প্রয়োজনীয়গুলি মোবাইলে ব্যবহার করা উচিত। আমাদের ব্লগ মোবাইল থেকে ভিজিট করলে দেখতে পাবেন অনেক উইজেট Disable করে রাখা হয়েছে, শুধুমাত্র Hide করা হয়নি। সুতরাং অপ্রয়োজনীয় JavaScript ও Widgets এর Rendering Disable করার জন্য প্রয়োজন সঠিকভাবে Conditional Tag ব্যবহার করা।

সকল পোষ্ট দেখুন

কিভাবে Responsive Templates থেকে Widgets Disable করবেন?

  • প্রথমে ব্লগে লগইন করুন।
  • তারপর Template > Edit Html এ ক্লিক করুন।
  • এখন আপনি যে Widget টি Disable করতে চান সেটি খোঁজে বের করতে হবে। কিভাবে খোঁজতে হয় তা এই লিংক থেকে দেখে নিতে পারেন।
  • যে কোন উইজেট এর কোডগুলি সাধারনত নিচেরমত হবে।
<b:widget id='HTML3' locked='false' title='Most Commented' type='HTML'>
   <b:includable id='main'>
     <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'> <data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>
     <b:include name='quickedit'/>
  </b:includable>
</b:widget>
  • সঠিকভাবে বন্ধ করার করার জন্য নিচের Conditional Tag টি ব্যবহার করতে হবে।
<b:widget id='HTML3' locked='false' title='Most Commented' type='HTML'>
   <b:includable id='main'>
   <b:if cond='data:blog.isMobileRequest == "false"'>
     <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'> <data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>
     <b:include name='quickedit'/>
    </b:if>
  </b:includable>
</b:widget>
  • এখানে আমরা isMobileRequest Boolean Value টি False করে দিয়েছি। যার কারনে উইজেটটি শুধুমাত্র ডেস্কটপ ব্রাউজারে দেখাবে এবং মোবাইর টেমপ্লেট হতে Disable করে রাখবে।
  • আপনি যদি কোন উইজেট শুধুমাত্র মোবাইল টেমপ্লেটে দেখাতে চান তাহলে isMobileRequest Boolean Value টি True লিখে দিতে পারেন।
  • সব কিছু করার পর অবশ্যই Template Save করে নিবেন।

কিভাবে Responsive Templates থেকে JavaScript Disable করবেন?

ব্লগের বেশীরভাগ Widget গুলিতে আমরা বিভিন্ন ধরনের Scripts ব্যবহার করে থাকি। যদিও উপরের পদ্ধতিতে শুধুমাত্র Widget Disable হবে কিন্তু Widget এর জন্য যে Scripts আপনার টেমপ্লেটের ব্যবহার করছেন সেগুলি ঠিকই কাজ করতে থাকবে। শুধুমাত্র Widget Disable করলেই হবে না, Widget এর সাথে যে সকল Scripts রয়েছে সেগুলিও Disable করতে হবে। তবেই Scripts গুলি আপনার ব্লগকে অযথা Render করতে পারবে না।

ব্লগার টেমপ্লেটের JavaScript গুলি সাধারনত টেমপ্লেটের <head>......</head> এর ভীতরে ব্যবহার করা হয়ে থাকে। সুতরাং আপনি নিজেই জানেন আপনার কাঙ্খিত Widget গুলির Scripts কোথায় আছে। সেগুলি খোঁজে তারপর নিচের পদ্ধতি অনুসরণ করুন।
  • JavaScript Disable করার জন্য নিচের Conditional Tag টি আপনার ব্লগের Scripts আগে ও পরে ব্যবহার করতে হবে।
<b:if cond='data:blog.isMobileRequest == "false"'>

JavaScript to Hide

</b:if>
  • JavaScript to Hide অংশটিতে অপ্রয়োজনীয় Scripts ব্যবহার করবেন। তাহলে এটি মোবাইল ভার্সন হতে Disable হয়ে থাকবে। 
  • অপরদিকে যদি শুধুমাত্র মোবাইলে দেখাতে চান তাহলে False এর স্থলে True লিখে দিন।
সাহায্য জিজ্ঞাসাঃ এই পদ্ধতিতে সবগুলি অপ্রয়োজনীয় HTML, Widgets ও JavaScript Disable করে রাখলে আপনার ব্লগটির Load Time অনেকাংশে বৃদ্ধি পাবে। আশা করছি উপরের সহজ টিপসটি আপনাদের বুঝতে কোন অসুবিধা হবে না। এরপরও যদি বুঝতে কোন অসুবিধা হয় তাহলে আমাদের জানাতে পারেন।
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

2 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

  1. উত্তরগুলি
    1. আমরা সব সময়’ই ভাল কিছু শেয়ার করার চেষ্টা করি। কেউ প্রথমেই গুরুত্ব বুঝতে পারে, আবার কারও বুঝতে কিছুটা সময় লাগে। ধন্যবাদ..

      মুছুন

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: