আপনার ব্যবসার সাইটের মোবাইল লোডিং গতি উন্নত করতে এই 6 টি কৌশল প্রয়োগ করুন

সুচিপত্র:

Anonim

নিঃসন্দেহে রাজস্ব প্রভাবিত করার বেশ কয়েকটি কারণ রয়েছে, তবে বেশিরভাগ বিশেষজ্ঞরা বলছেন যে 5 সেকেন্ডের মধ্যে লোড হওয়া ব্যবসার সাইটগুলি 19 টিতে গড় সাইট লোড করার সময় প্রায় দ্বিগুণ উপার্জন করে।

গবেষণায় দেখা গেছে যে 5 সেকেন্ডের মধ্যে লোড হওয়া সাইটগুলির মধ্যে রয়েছে:

  • 25% উচ্চ বিজ্ঞাপন দৃশ্যমানতা,
  • 35% নিম্ন বাউন্স হার, এবং
  • 70% বেশি ব্যবহারকারী সেশন।

আমাদের ব্যবসায় সফল হওয়ার জন্য আমাদের মোবাইল-প্রথম সমাধানগুলির উপর মনোযোগ কেন্দ্রীভূত করতে হবে। সব পরে, মোবাইল গতি কখনও আরো গুরুত্বপূর্ণ হয়েছে।

$config[code] not found

ধীর লোড গতি সত্যিই একটি সমস্যা হতে পারে

গুগল মতে,
  • দুইজনের মধ্যে 1 জন 2 সেকেন্ডেরও কম সময়ের মধ্যে একটি পৃষ্ঠা লোড করতে চায়।
  • যদি কোনও পৃষ্ঠাটি মোবাইল ডিভাইসে লোড হওয়ার জন্য 3 সেকেন্ডের বেশি সময় নেয় তবে 53% ভিজিট পরিত্যক্ত হওয়ার সম্ভাবনা বেশি।
  • 46% মানুষের মোবাইল ডিভাইসে ওয়েব ব্রাউজ করার সময় পৃষ্ঠাগুলি লোড হওয়ার অপেক্ষায় অসন্তুষ্টি দেখা দিয়েছে।

মোবাইল ইন্টারনেটে 3 টি প্রধান কারণগুলি হ্রাসকারী সার্ভারগুলির অনুরোধ, ফাইলের আকার এবং পৃষ্ঠা লোডিং উপাদানগুলির ক্রমিক অর্ডার। তাই এখন আমরা কারণ হাইলাইট আছে; আসুন সমাধান পেতে।

কিভাবে মোবাইল সাইট গতি বৃদ্ধি

পরিমাপ করুন এবং আপনার সার্ভার প্রতিক্রিয়া সময় নূন্যতম

আপনার মোবাইল পৃষ্ঠা গতি কেবল আপনার কোডের উপর নির্ভরশীল নয় তবে এটি সার্ভার নামে একটি গুরুত্বপূর্ণ প্রযুক্তি সরঞ্জামের উপর নির্ভরশীল।

আপনার সার্ভার যতক্ষণ একটি ব্রাউজার অনুরোধ সাড়া অপেক্ষা করে, আপনার পৃষ্ঠায় ডিভাইসে ধীর ধীর। গুগলের বেশিরভাগ বিশেষজ্ঞ সুপারিশ করেন যে আপনার সার্ভার 1 টি প্রেরণ শুরু করেSt আরো অনুকূল ফলাফলের জন্য অনুরোধের দুই শত মিলিসেকেন্ডের মধ্যে সংস্থার বাইট।

সাধারণত, আপনার সার্ভার প্রতিক্রিয়া সময় উচ্চতায় জড়িত 3 টি প্রধান পদ্ধতি রয়েছে:

  • আপনার ওয়েব সার্ভার কনফিগারেশন বা সফটওয়্যার উন্নত।
  • আপনার হোস্টিং পরিষেবাটির সুযোগ এবং গুণমান বাড়ানো, বিশেষ করে আপনার পর্যাপ্ত মেমরি এবং CPU সংস্থানগুলি নিশ্চিত করা।
  • আপনার ওয়েব পেজ দ্বারা প্রয়োজনীয় সম্পদ সংখ্যা হ্রাস।

ইমেজ লোড করতে সিএসএস ব্যবহার করুন

আপনি যদি মোবাইল ব্যবহারকারীদের জন্য আপনার সামগ্রী চিত্রগুলি লুকাতে চান তবে CSS এর মাধ্যমে ব্যাকগ্রাউন্ড ইমেজ হিসাবে লোড করুন এবং তাদেরকে শর্তযুক্তভাবে লুকাতে মিডিয়া প্রশ্নগুলি ব্যবহার করুন।

এই কৌশলটির একটি বৈচিত্র্য অ্যামাজন দ্বারা ডিভাইস-নির্দিষ্ট চিত্রগুলি শর্তযুক্তভাবে লোড করার জন্য ব্যবহার করা হয়।

আপনার মোবাইল পৃষ্ঠা গতি বুস্ট করার জন্য পুনঃনির্দেশ সংখ্যা সংশোধন করুন

পুনঃনির্দেশগুলি কেবলমাত্র এক পৃষ্ঠা থেকে অন্য পৃষ্ঠায় ওয়েবসাইট দর্শকদের নিতে সক্ষম নির্দেশাবলী ছাড়া আর কিছু নয়।

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

এই সমস্যাটি সমাধান করার প্রথম ধাপটি আপনার সাইটে পুনঃনির্দেশনার সংখ্যাটি ম্যাপপারের মতো সরঞ্জামগুলি ব্যবহার করে জরিপ করা। যদি সংখ্যাটি খুব বড় হয়, এটি কমিয়ে আনুন, অথবা আদর্শভাবে, সেরা ফলাফলের জন্য এটি শূন্যে আনুন।

জেএস এবং সিএসএস ফাইল minify

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

সেই কারণে ওয়েব ডেভেলপাররা তাদের মেটলের মূল্যটি পাতার লোডিং গতি বাড়ানোর জন্য অপ্টিমাইজেশান এবং কমিয়ে আনার প্রয়োজনীয়তা জানেন।

"মিনারিফিকেশন" একটি পৃষ্ঠা প্রদর্শন প্রভাবিত ছাড়া অনাবশ্যকতা দূর করে। Google সরঞ্জামগুলির একটি বিস্তৃত অ্যারে আপনাকে এই ধরণের অনাদায়ীতাগুলি বাদ দেওয়ার জন্য সহায়তা করতে পারে:

  • CSSNano (CSS এর জন্য)
  • UglifyJS (জেএস জন্য)

ছবির পরিবর্তে, CSS3 ব্যবহার করুন

ছায়া ছায়া গো, গোলাকার কোণ, এবং গ্রেডিয়েন্ট পূরণ করে - এই সমস্ত বৈশিষ্ট্যগুলি চিত্রগুলির পরিবর্তে CSS এর মাধ্যমে করা যেতে পারে।

এটি হ'ল HTTP অনুরোধগুলির সংখ্যা হ্রাসে ব্যাপকভাবে সাহায্য করতে পারে, এভাবে লোডিং সময়টি এক এবং একই সময়ে দ্রুততর করে।

JPEGs এর পরিবর্তে ইনলাইন SVG ব্যবহার করুন

তথ্য ইউআরআইগুলির মতো, এসভিজি (স্কেলেবল ভেক্টর গ্রাফিক্স) HTTP অনুরোধগুলির সংখ্যা হ্রাস করতে একটি পৃষ্ঠায় এম্বেড করা যেতে পারে।

এই ফাইলগুলি ভেক্টর গ্রাফিক্স এডিটর যেমন ইনক্সস্কেপ, অ্যাডোব ইলাস্ট্রেটর ইত্যাদিতে তৈরি করা যেতে পারে। এটি একবার তৈরি হয়ে গেলে, আপনি এটি একটি টেক্সট এডিটরতে খুলতে এবং আপনার কোডটিতে ছেড়ে দিতে পারেন।

দ্রষ্টব্য: আপনার স্টাইল শীটের মধ্যে একটি SVG এম্বেড করতে, আপনাকে অবশ্যই এটি প্রথমে ডাটা URI রূপান্তর করতে হবে এবং তারপরে পরবর্তী ধাপে এগিয়ে যেতে হবে।

তাই আরো বা কম পরিমাণে জিনিস আপ। আপনি একটি ভাল এবং আলোকিত পড়া ছিল আশা করি।

Shutterstock মাধ্যমে ছবি

1