আমরা কীভাবে আমাদের পৃষ্ঠা লোডের সময়টি 10 ​​সেকেন্ডে কাটব

কোনও দুর্দান্ত ওয়েবসাইটে এলে গতি এবং সামাজিক কেবল একসাথে কাজ করবে বলে মনে হয় না। আমরা আমাদের সাইটে স্থানান্তরিত করেছি flywheel (অনুমোদিত লিঙ্ক) এবং এটি আমাদের সাইটের কার্যকারিতা এবং স্থায়িত্বকে ব্যাপকভাবে উন্নত করেছে। তবে আমাদের সাইটের নকশা - একটি ফ্যাট পাদলেখ যা ফেসবুক, টুইটার, ইউটিউব এবং পডকাস্টে আমাদের সামাজিক ক্রিয়াকলাপ প্রচার করে - আমাদের সাইটটিকে ক্রল পর্যন্ত কমিয়েছে।

এটা খারাপ ছিল. একটি দুর্দান্ত পৃষ্ঠাটি 2 সেকেন্ড বা তারও কম সময়ে লোড হওয়ার সময়, আমাদের পৃষ্ঠাটি কোনও পৃষ্ঠা সম্পূর্ণ হতে 10 সেকেন্ডেরও বেশি সময় নিয়েছিল। সমস্যাটি ওয়ার্ডপ্রেস বা ফ্লাইহিলের ছিল না, সমস্যাটি ছিল এমন সমস্ত ইন্টারেক্টিভ উপাদান যা আমরা অন্যান্য পরিষেবাদি থেকে লোড করেছি ... ফেসবুক এবং টুইটার উইজেটস, ইউটিউব পূর্বরূপ চিত্রগুলি, আমাদের পডকাস্ট অ্যাপ্লিকেশন, আমি কেবল এগুলি নিয়ন্ত্রণ করতে পারি না যে তারা কতটা ধীরে ধীরে লোড হয়েছিল। এখন পর্যন্ত.

আপনি এখন লক্ষ্য করবেন যে আমাদের পৃষ্ঠাগুলি প্রায় 2 সেকেন্ডের মধ্যে লোড হয়। আমরা এটি কিভাবে করেছিলাম? আমরা আমাদের পাদলেখগুলিতে একটি গতিশীল বিভাগ যুক্ত করেছি যা কেবল তখন লোড হয় যখন ব্যবহারকারী সমস্ত পয়েন্টে স্ক্রোল করে। ব্রাউজারে (মোবাইল, অ্যাপ্লিকেশন বা ট্যাবলেট নয়) আমাদের পৃষ্ঠার নীচে সমস্ত দিকে স্ক্রোল করুন এবং আপনি একটি লোডিং চিত্রটি দেখতে পাবেন:

বোঝা

JQuery ব্যবহার করে, কেউ সেখানে স্ক্রল না করা পর্যন্ত আমরা আসলে পৃষ্ঠার ভিত্তি লোড করি না। কোডটি আসলে বেশ সহজ:

$ (উইন্ডো) .স্ক্রল (ফাংশন () {যদি (jQuery (নথি) ) টেক্সট () দৈর্ঘ্য <200) {$ ("# পরিপূরক") load লোড ('[লোড করার পৃষ্ঠাটির সম্পূর্ণ পথ]');}}});

ব্যবহারকারী একবার পৃষ্ঠার গোড়ায় স্ক্রোল করলে jQuery গো নির্দিষ্ট পথের পৃষ্ঠা বিষয়বস্তু বের করে এবং আপনার নির্বাচিত ডিভের মধ্যে এগুলি লোড করে।

যদিও সাইটটি সেখানে লোড হওয়া সামগ্রীর থেকে আর উপকৃত হবে না (কারণ কোনও অনুসন্ধান ইঞ্জিন এটি ক্রল করছে না), তবে আমরা যথেষ্ট আত্মবিশ্বাসী যে পৃষ্ঠার গতি আমাদের রেঙ্কিং, ভাগ করে নেওয়া এবং বাগদানকে কারো চেয়ে অনেক বেশি সহায়তা করবে we're অধীর আগ্রহে অপেক্ষা করুন আমাদের পৃষ্ঠাটি অত্যন্ত উদ্বেগজনকভাবে ধীরে ধীরে লোড হওয়ার জন্য। সর্বোপরি, পৃষ্ঠায় এখনও আমাদের দর্শকদের সাথে যুক্ত থাকতে চাই এমন সমস্ত উপাদান রয়েছে ... পৃষ্ঠার গতি ছাড়াই।

আমাদের এখনও কিছু কাজ করার দরকার আছে ... তবে আমরা সেখানে পাচ্ছি!

আপনি কি মনে করেন?

এই সাইট স্প্যাম কমাতে Akismet ব্যবহার করে। আপনার ডেটা প্রক্রিয়া করা হয় তা জানুন.