এস ই ও বাংলা টিউটোরিয়াল | Youtube Lazy Load

 এস ই ও বাংলা টিউটোরিয়াল | Youtube Lazy Load - বাংলা টিউটরিয়াল 2022 আজকের এই পোস্টে আমি আপনাদের সাথে শেয়ার করব কিভাবে আপনারা আপনাদের ওয়েবসাইটের পেজ এর স্পিড সঠিক রাখবেন ইউটিউব ভিডিও শেয়ার করার পরও। আমরা যখন youtube-এর আই ফ্রেম কপি করে নিয়ে আমাদের ওয়েবসাইটে বসায় তখন ওয়েবসাইটের অনেকটা কমে যায়। তাই আজকের এই পোস্টে আমি আপনাদের সাথে যে বিষয়টি শেয়ার করব সেটি আপনি যদি সঠিকভাবে ব্যবহার করেন তাহলে আপনার ওয়েব পেজের স্পিড আগের মতই থাকবে।

অন্য পোষ্ট - ওয়ালটন ফ্রিজ 10 সেফটি দাম কত

সুপার স্টার এলইডি লাইট দাম

শিওর ক্যাশ কোড

বিকাশ কাস্টমার কেয়ার নারায়ণগঞ্জ

বিশ্বের সবচেয়ে বড় মুসলিম দেশ কোনটি

জন্মদিনের ইসলামী শুভেচ্ছা বাণী

এস ই ও বাংলা টিউটোরিয়াল | Youtube Lazy Load


Youtube Lazy Load | এস ই ও বাংলা টিউটোরিয়াল 

ইউটিউব লেজি লোড ব্যবহার করার জন্য সর্বপ্রথম আপনাকে যে কাজটি করতে হবে সেটি হলো আপনার  টেমপ্লেট এর বডি ট্রাগ এর ক্লোজ  সেকশনে যেতে হবে । এরপর আপনাকে নিচের কোডটি কপি করে </body>  এই ট্যাগের উপরে পেস্ট করুন ।

</body>

<script>
//<![CDATA[
!function(){"use strict";for(var t=document.querySelectorAll(".llyv"),e=0;e<t.length;e++){var i=document.createElement("div");i.className="llyv-play-btn",t[e].appendChild(i),t[e].addEventListener("click",function(){var t=document.createElement("iframe");for(t.setAttribute("src","https://www.youtube.com/embed/"+this.dataset.id+"?rel=0&showinfo=0&autoplay=1"),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","");this.firstChild;)this.removeChild(this.firstChild);this.appendChild(t)})}}();
//]]>
</script>

এরপর আপনাকে যে কাজটি করতে হবে আপনি </b:skin> এই কোডটি কে খুজে বের করুন ।

এরপর নিচের কোডটি কপি করে  </b:skin> এই ট্যাগের উপরে পেস্ট করুন ।



/*! llyv.css v0.1.0 */ .llyv,.llyv .llyv-play-btn,.llyv img{cursor:pointer} .llyv{background-color:#000;margin-bottom:20px;position:relative;padding-top:56.25%;overflow:hidden} .llyv img{width:100%;top:-16.82%} .llyv .llyv-play-btn{width:100px;height:60px;background-color:#282828;z-index:1;border-radius:9px} .llyv .llyv-play-btn:before{content:"";border-style:solid;border-width:15px 0 13px 28px;border-color:transparent transparent transparent #fff} .llyv .llyv-play-btn:hover{background-color:red} .llyv .llyv-play-btn,.llyv .llyv-play-btn:before,.llyv iframe,.llyv img{position:absolute} .llyv iframe{height:100%;width:100%;top:0;left:0}.llyv .llyv-play-btn,.llyv .llyv-play-btn:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}

এখন আপনি যেই পোস্টে ইউটিউব এর ভিডিও শেয়ার করতে চান সেখানে এম্বেড আইডি লক্ষ করুন।নিচে লাল মার্ক করা এম্বেড আইডি চেঞ্জ করে আপনার ভিডিওর আইডি দিয়ে দিন । তাহলেই আপনার ওই পোস্টে ইউটিউব লেজি লোড কাজ করবে । আর আপনার পেজের স্পিড ঠিক আগের মতই থাকবে।

<div class="llyv" data-id="o9U1wUM_DDA">
<img src="https://img.youtube.com/vi/o9U1wUM_DDA/hqdefault.jpg"/></div>



বিষয়টি আপনি সম্পূর্ণ না বুঝলে নিচের ভিডিওটি লক্ষ্য করুন । ভিডিওতে সম্পূর্ণ ভাবে দেখানো হয়েছে। আর পাশাপাশি আমার এই চ্যানেলটিকে সাবস্ক্রাইব করে রাখবেন যদি আপনি প্রয়োজন মনে করেন।



Next Post Previous Post
No Comment
Add Comment
comment url