আজকাল ওয়েবসাইটগুলি কেন তাত্ক্ষণিকভাবে তাদের পাঠ্য প্রদর্শন করে না?


444

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

এটি মূলত আগের মতোই বিপরীতভাবে কাজ করে, যখন পাঠ্যটি প্রথম প্রদর্শিত হবে, তখন চিত্রগুলি এবং বাকীগুলি পরে লোড হচ্ছে। কোন নতুন প্রযুক্তি এই সমস্যাটি তৈরি করছে? কোন ধারণা?

নোট করুন যে আমি একটি ধীর সংযোগে আছি, যা সম্ভবত সমস্যাটিকে আরও বাড়িয়ে তোলে।

উদাহরণের জন্য নীচে দেখুন - সবকিছু লোড হয়েছে তবে শেষ পর্যন্ত পাঠটি প্রদর্শিত হওয়ার আগে এটি আরও কয়েক সেকেন্ড সময় নেয়:

এখানে চিত্র বর্ণনা লিখুন


72
এই বিশেষ ক্ষেত্রে, পোর্টেবল অ্যাপস.কম "উবুন্টু" ফন্টটি ব্যবহার করছে। জন প্রথমে ওপেনসান্স ব্যবহার করে দেখেছিল, তবে আমরা উবুন্টুতে খুব দ্রুত স্যুইচ করেছি। আমি স্যুইচিংয়ের মূল প্রবক্তা ... একটি উপায় যার মাধ্যমে আপনি সমস্যাটি সরাতে পারেন তা হ'ল ফন্ট পরিবার নিজেকে ইনস্টল করে। আপনি যদি এটি font.ubuntu.com থেকে ইনস্টল করেন তবে তা অবিলম্বে কাজ করবে।
ক্রিস মরগান

21
ড্যানিয়েলের উত্তর হ'ল চোখ খোলা। আমি ভেবেছিলাম এটি উদ্দেশ্যমূলকভাবে করা হয়েছে যাতে আমরা পৃষ্ঠায় সমস্ত বিজ্ঞাপন দেখতে পারি।
মনোজ আর

1
যেহেতু বেশিরভাগ লোক এখানে উল্লেখ করেছেন, অপ্রত্যাশিত উপায়ে পাঠ্য রচনার অসীম কারণ রয়েছে, কারণ কোনও পৃষ্ঠা সরবরাহ করা কেবল বিকাশকারী / ডিজাইনারের কল্পনা দ্বারা সীমাবদ্ধ, যা এএনএসআই অবস্থান কোডগুলি 1980 এর দশকের বুলেটিন অনুমোদিত হওয়ার পরে অন্ততপক্ষে ঘটেছে the মাল্টিউজার চ্যাট এবং ড্রপ শ্যাডো সহ ওভারল্যাপিং উইন্ডোগুলির সাথে ইউআইগুলি কার্যকর করার বোর্ডগুলি। অ্যাপলেট ছাড়াই ব্রাউজারে এর প্রভাবগুলির কয়েকটি পুনরুত্পাদন করা মীবো অন্যতম bo "বিপরীতে কাজ করে যেমন এটি ব্যবহৃত হয়েছিল" ইন্টারনেটকে ব্যাপকভাবে ওভার-সরল করে এবং এমনকি নির্দিষ্ট সময়কালকেও উল্লেখ করে না।
পিজে ব্রুনেট

6
তাহলে কেন কম আলেক্সা র‌্যাঙ্কযুক্ত কোনও ওয়েবসাইট থেকে একটি এলোমেলো স্ক্রিন ক্যাপের ভিত্তিতে ইন্টারনেট সম্পর্কে ঝাড়ু সাধারণকরণ করা যায়? সর্বোত্তম উত্তরটিও একটি সাহসী দাবি করে: "আজকাল ডিজাইনাররা এক্সওয়াইজেড করেন" কিছু বাস্তব সংখ্যার সাথে ব্যাক আপ করা উচিত, যেমন "5% ওয়েবসাইটগুলি 2012 সালের হিসাবে গুগল ওয়েব ফন্ট ব্যবহার করে" বা যা কিছু হোক না কেন।
পিজে ব্রুনেট

1
তবে ফন্ট ফাইলগুলি ক্যাশে রাখা হয়েছে, এই সাইটের এম.এএসপিএক্স লোড হওয়ার জন্য দীর্ঘ সময় অপেক্ষা করেছে তারা সেই অংশটি চেক করতে পারে
ব্যবহারকারী 613326

উত্তর:


483

একটি কারণ হ'ল ওয়েব ডিজাইনাররা আজকাল ওয়েব ফন্টগুলি (সাধারণত ডাব্লুএফএফ ফরম্যাটে) ব্যবহার করতে পছন্দ করেন , যেমন গুগল ওয়েব ফন্টের মাধ্যমে ।

পূর্বে, একমাত্র ফন্টগুলি কোনও সাইটে প্রদর্শিত হতে সক্ষম হয়েছিল সেগুলি হ'ল ব্যবহারকারীরা স্থানীয়ভাবে ইনস্টল করেছিলেন। যেহেতু ম্যাক এবং উইন্ডোজ ব্যবহারকারীদের অগত্যা একই ফন্টগুলি না থাকায় ডিজাইনাররা সহজাতভাবে সর্বদা নিয়ম হিসাবে সংজ্ঞায়িত হন

font-family: Arial, Helvetica, sans-serif;

যেখানে, সিস্টেমে যদি প্রথম ফন্টটি না পাওয়া যায়, তবে ব্রাউজারটি দ্বিতীয়টির সন্ধান করবে এবং শেষ পর্যন্ত একটি ফ্যালব্যাক "সানস-সেরিফ" ফন্টটি সন্ধান করবে।

এখন, ব্রাউজারটি কোনও ফন্ট ডাউনলোড করার জন্য একটি সিএসএস বিধি হিসাবে একটি ফন্ট URL দিতে পারে:

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);

এবং তারপরে একটি নির্দিষ্ট উপাদানের জন্য ফন্টটি লোড করুন যেমন:

font-family: 'Droid Serif',sans-serif;

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

উদাহরণ হিসাবে: আমার একটি জাতীয় সংবাদপত্র ডাগেনস ন্যহেইটার তাদের প্রধান শিরোনামগুলির জন্য ওয়েব ফন্টগুলি ব্যবহার করে তবে তাদের নেতৃত্ব নয়, তাই যখন সাইটটি লোড করা হয় আমি সাধারণত প্রথমে শীর্ষস্থানগুলি দেখি এবং আধা সেকেন্ড পরে উপরের সমস্ত ফাঁকা স্থান জনবহুল হয় শিরোনাম সহ (এটি ক্রোম এবং অপেরাতে সত্য, কমপক্ষে others অন্যদের চেষ্টা করেননি)।

(এছাড়াও, ডিজাইনাররা এই দিনগুলিতে একেবারে যেকোন জায়গায় জাভাস্ক্রিপ্ট ছিটিয়েছেন, তাই সম্ভবত কেউ পাঠ্যটি দিয়ে চালাক কিছু করার চেষ্টা করছেন, যার কারণে এটি বিলম্বিত That এটি খুব নির্দিষ্ট সাইট সুনির্দিষ্ট হবে, যদিও: পাঠ্যগুলির জন্য সাধারণ প্রবণতাগুলি এগুলিতে বিলম্বিত হবে) সময়গুলি উপরে বর্ণিত ওয়েব ফন্টের বিষয়, আমি বিশ্বাস করি))


সংযোজন

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

ঘটনাটি স্পষ্টতই "আনস্টাইলযুক্ত সামগ্রীর ফ্ল্যাশ" এবং বিশেষত "আনস্টাইলযুক্ত পাঠ্যের ফ্ল্যাশ" হিসাবে পরিচিত। "FOUC" এবং "FOUT" অনুসন্ধান করা আরও তথ্য দেয়।

আমি ওয়েব ফন্টের সাথে ওয়েব ডিজাইনার পল আইরিশের পোস্টকে FOUT এ সুপারিশ করতে পারি ।

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

কোন ক্ষেত্রে আপনি একটি ফাউট পাবেন

  • উইল: ডাউনলোড এবং রিমোট টিটিএফ / ওটিএফ / ওয়াফ প্রদর্শন করা হচ্ছে
  • উইল: একটি ক্যাশেড টিটিএফ / ওটিএফ / ওয়াফ প্রদর্শন করা হচ্ছে
  • উইল: ডাউনলোড এবং একটি ডেটা-uri ttf / otf / woff প্রদর্শন
  • উইল: একটি ক্যাশেড ডেটা প্রদর্শন করা হচ্ছে - uri ttf / otf / woff
  • হবে না: এমন একটি ফন্ট প্রদর্শন করা হচ্ছে যা ইতিমধ্যে আপনার andতিহ্যবাহী ফন্ট স্ট্যাকটিতে ইনস্টলড এবং নাম রয়েছে
  • হবে না: স্থানীয় () অবস্থান ব্যবহার করে ইনস্টল করা এবং নামযুক্ত একটি ফন্ট প্রদর্শিত হচ্ছে

যেহেতু ক্রোম রেন্ডারিংয়ের আগে FOUT ঝুঁকি না শেষ হওয়া পর্যন্ত অপেক্ষা করে, এটি বিলম্ব দেয়। যে পরিমাণে প্রভাব দৃশ্যমান (বিশেষত ক্যাশে থেকে লোড করার সময়) অন্যান্য বিষয়ের মধ্যে নির্ভর করে বলে মনে হয় যে পাঠ্যটি যে পরিমাণ রেন্ডার করা প্রয়োজন এবং সম্ভবত অন্যান্য কারণগুলির মধ্যে রয়েছে, কিন্তু ক্যাশে প্রভাব পুরোপুরি সরিয়ে দেয় না।

আইরিশ-এর পোস্টের নীচে 2011-04–14 হিসাবে ব্রাউজার আচরণ সম্পর্কিত কিছু আপডেট রয়েছে:

  • ফায়ারফক্সের (এফএফবি 11 এবং এফএফ 4 ফাইনাল হিসাবে) আর কোনও FOUT নেই! Wooohoo! http://bugzil.la/499292 মূলত পাঠটি 3 সেকেন্ডের জন্য অদৃশ্য থাকে এবং তারপরে এটি ফ্যালব্যাক ফন্টটি ফিরিয়ে দেয়। ওয়েবফন্ট সম্ভবত এই তিন সেকেন্ডের মধ্যে লোড হবে যদিও ... আশা করি ..
  • আইই 9 ডাব্লুওএফএফ এবং টিটিএফ এবং ওটিএফ সমর্থন করে (যদিও এটি এম্বেডিং বিট সেট জিনিস প্রয়োজন - বেশিরভাগ আপনি ডাব্লুওএফএফ ব্যবহার করেন তবে মোট করুন)। যাহোক!!! আইই 9 এর একটি ফাউট আছে। :(
  • ওয়েবকিটের একটি প্যাচ রয়েছে 0.5 সেকেন্ডের পরে ফ্যালব্যাক পাঠ্য প্রদর্শন করতে অবতরণের জন্য। এফএফ এর মতো একই আচরণ তবে 3 এস এর পরিবর্তে 0.5 সে।
  • সংযোজন : এটির জন্যও ব্লিঙ্ক একটি ত্রুটি নিবন্ধভুক্ত রয়েছে , তবে এটি কী করবে সে সম্পর্কে এটি একটি চূড়ান্ত sensক্যমত্যে পৌঁছেছে না বলে মনে হচ্ছে - বর্তমানে ওয়েবকিটের মতো একই বাস্তবায়ন।

এটি যদি ডিজাইনারদের উদ্দেশ্যে লক্ষ্য করা একটি প্রশ্ন ছিল তবে এই ধরণের সমস্যা যেমন এড়ানো যায় এমন উপায়গুলির মধ্যে কেউ যেতে পারে webfontloaderতবে তা অন্য প্রশ্ন। পল আইরিশ লিঙ্কটি এই বিষয়ে আরও বিশদে যায়।


7
কোনও ব্রাউজারের কোনও উপলব্ধ ফন্টে টেক্সটটি প্রথমে রেন্ডার করার চেষ্টা করেছে এবং পছন্দের ফন্টটি ডাউনলোড হয়ে গেলে এটি পুনরায় রেন্ডারিংয়ের চেষ্টা করেছে?
স্টিভ বেনেট


5
@ratchetfreak পেজটির পুনরায় ফর্ম্যাট করা অসন্তুষ্ট হবে যেহেতু ফন্টগুলির মধ্যে সম্ভবত একই মেট্রিকগুলি না থাকে
স্যামুয়েল এডউইন ওয়ার্ড

6
কিছু ফন্টটি লোড হওয়ার জন্য বয়সের অপেক্ষার পরিবর্তে ওয়েবপৃষ্ঠা ব্রাউজ করার পড়ার অংশে যেতে পছন্দ করবে
ratchet freak

@ স্টেভেনেট আমি নিশ্চিত যে ইন্টারনেট এক্সপ্লোরার 10 যা করছে ঠিক তা-ই। আমি পরে কখনও পাঠ্য পপ আপ দেখিনি। আমার জন্য এটি সর্বদা পাঠ্য কিছু "স্ট্যান্ডার্ড ফন্ট" এ উপস্থিত হয় এবং কয়েক সেকেন্ড পরে এটি স্টাইলযুক্ত / ডাউনলোড হওয়াতে পরিবর্তিত হয়। আমি নিশ্চিত নই যে এটি পরবর্তী সিএসএস এক বা কেবলমাত্র সিস্টেমের ডিফল্ট হিসাবে নিয়েছে। সম্পাদনা: আহা, সুন্দর, তাই এটি লুকানো পাঠ্য সহ কেবল ওয়েবিকিত? আমি যে বিরক্তিকর এবং খারাপ আচরণ বিবেচনা করব। প্রগতিশীল চিত্র লোডিং উপেক্ষা / লুকিয়ে আছে কোন ব্রাউজার আছে?
মারিও

117

এর কারণ আপনি এখনও পড়তে পারবেন না এমন পাঠ্যটি এমন একটি ওয়েব ফন্টের সাথে রেন্ডার করা হচ্ছে যা এখনও আপনার ব্রাউজারে পাইপগুলি নেমে যাওয়ার পথে রয়েছে।

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


দুঃখজনকভাবে এটির একটি ভুল উত্তর, আপনি যদি এই পৃষ্ঠাটি একবার দেখতে যান তবে ফন্ট ফাইলটি আপনার ওয়েব নগদে থাকতে পারে; এই সাইট বা অন্য ওয়েবসাইটগুলির জন্য এই ফন্টটি ব্যবহার করে অন্য পৃষ্ঠাগুলির জন্য এটি নগদ থেকে আদায় করা হবে।
ব্যবহারকারী 613326

19

সংক্ষিপ্ত উত্তর: AJAX এর বা WOFF

আছে বিভিন্ন কারণগুলো ওয়েবসাইট হচ্ছে "ধীর তাদের টেক্সট প্রদর্শনের জন্য" । উপর মন্থরতা portableapps.com ডাউনলোড করার দ্বারা ঘটিত হয় WOFF ফন্ট। তবে, আপনি "টেক্সটটি এখানে এবং সেখানে উপস্থিত হতে শুরু করে" হিসাবে যা বর্ণনা করেছেন তা প্রায়শই এজেএক্সের কারণে ঘটে ।

একটি ওয়েবসাইট অনেক অংশ নিয়ে গঠিত। এই যন্ত্রগুলি কীভাবে ডাউনলোড এবং একত্রিত হয় তা হ'ল ওয়েব ডিজাইনারের নিয়ন্ত্রণে একটি নকশা পছন্দ । বিকাশকারী কীভাবে নীচের বিল্ডিং ব্লকগুলি একত্রিত করতে পছন্দ করেন তার ফলে অচ্ছলতা দেখা দেয়:

  • প্রাথমিক HTML পৃষ্ঠা
  • সিএসএস
  • জাতীয়
  • চিত্র
  • ডাব্লুওএফএফ ফন্ট
  • AJAX অনুরোধ
  • ডিওএম হেরফের

Ditionতিহ্যগতভাবে ওয়েবসাইটগুলি:

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


ডাব্লুএফএফ ওয়েবসাইটগুলি:

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


এজেএক্স ওয়েবসাইটগুলি:

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


কারণ নির্ধারণ

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


14

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


6
দশজনের মধ্যে নয় বার এটি ইচ্ছাকৃত হবে না, এটি সহজতম উপায়ে ওয়েব ফন্টগুলি এম্বেড করার পক্ষে একটি পার্শ্ব-প্রতিক্রিয়া। প্রকৃতপক্ষে, ওয়েব ফন্টগুলি পাইপ থেকে নেমে আসার সময় দৃশ্যমান বিকল্প উপস্থাপন করতে কিছুটা অতিরিক্ত প্রচেষ্টা প্রয়োজন। ডেভেলপারস
মার্সেল

@ মার্সেল - ধীর স্টাইলশীটগুলির পাশাপাশি ধীর ফন্টগুলির কারণে এটি হতে পারে, দেখুন phpied.com/css-and-the-
ক্রিটিক্যাল-

"দরকারী বিষয়বস্তুর ফ্ল্যাশ" প্রতিরোধের কোড, চিত্রগুলি পাশাপাশি টেক্সট উপস্থিত হওয়া রোধ করে।
জন হান্না

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

8

অন্যরা যেমন উল্লেখ করেছে, কাস্টম ফন্টগুলি সম্ভবত দেরীতে অবদান রাখছে।

আরও কিছুটা পটভূমি দেওয়ার জন্য, ব্রাউজারটি পৃষ্ঠার সামগ্রীগুলি স্ক্রিনে রেন্ডার করার আগে মোটামুটিভাবে নিম্নলিখিতগুলি করছে:

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

যদিও এটি বিশেষত কাস্টম ফন্টগুলির কারণে সৃষ্ট বিলম্ব সম্পর্কে নয়, আমি সম্প্রতি একটি ব্লগ পোস্ট লিখেছি যা বিলম্বের কারণগুলির সম্পর্কে অতিরিক্ত তথ্য দেয়। এটি আপনার পৃষ্ঠাগুলির জন্য প্রথমে পেইন্ট করার সময়টি হ্রাস করার জন্য কিছু পরামর্শ দেয়। আশা করছি এই তাদের পৃষ্ঠা উপার্জন করতে আগ্রহী পাঠকদের জন্য দরকারী তাড়াতাড়ি সামগ্রী প্রদর্শন, সেই পৃষ্ঠাগুলি কাস্টম ফন্ট ব্যবহার করতে চান অন্তর্ভুক্ত রয়েছে: http://calendar.perfplanet.com/2012/make-your-mobile-pages-render-in-under -এক সেকেন্ড/


4

সংক্ষিপ্ত উত্তর: বিকাশকারীরা।

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

ইন্টারনেট সংযোগের গতি ডেটা ধীরে ধীরে ডাউনলোডের ক্ষেত্রে ভূমিকা রাখে, বেশ স্পষ্টতই, তবে খারাপভাবে লিখিত কোড, বা দুর্বলভাবে ডিজাইন করা প্রযুক্তি স্ট্যাক (ওয়েবসাইটের ধরণের জন্য) গতিশীল সামগ্রীর ধীর লোডিংয়ে ক্রমবর্ধমান কেন্দ্রীয় ভূমিকা পালন করে, তত দ্রুত নেটওয়ার্ক সংযোগ হিসাবে সর্বব্যাপী যোগাযোগ।


21
নাহ - আপনি যা বর্ণনা করেন তা ডিওমের উপাদানগুলি কেবল পাঠ্য নয় প্রদর্শন করতে বাধা দিতে পারে। উত্তর হ'ল ফন্ট প্রতিস্থাপনের সাথে করা এবং এটি ডিজাইনারদের দোষ , বিকাশকারীদের নয়।
টবি

+1 @ টবি কারণ এটি সত্যই ডিজাইনারদের দোষ। আপনি যদি ধীর লিঙ্কে থাকেন তবে এটি অত্যন্ত বিরক্তিকর (যেমন, ওহ আমি তো জানি না, আমার সেল ফোন বা বাড়িতে ল্যান্ডলাইন)। এর মতো স্টাফ কেবল ওয়েবসাইটগুলিকে ধীর করে তোলে এবং ব্যবহারকারীদের কোনও উপকারের জন্য বিরক্ত করে।
ম্যাগনাস

1
দীর্ঘ উত্তর: বিকাশকারী, বিকাশকারী, বিকাশকারী, বিকাশকারী।
iono

@ টবি ডিজাইনাররা হ্যাঁ, কোন ফন্টগুলি ব্যবহার করবেন তা নির্দিষ্ট করে, তবে প্রযুক্তিগত প্রয়োগের সময় সঠিক পছন্দগুলি করা প্রতিটি ভাল বিকাশকারীর কাজ। ভাল বিকাশকারীও বুঝতে পারবেন যে এটি কেন ঘটছে (উপরের উত্তরে ব্যাখ্যা করা হয়েছে), সমস্যা এড়াতে কী কী পছন্দ করা যেতে পারে (গুগল ওয়েবফন্ট লোডার), এবং কীভাবে অভিজ্ঞতাটি প্রভাবিত করে।
আরবালেস

3

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

প্রথমটি সেই সমস্ত .css, .js এবং ওয়েবফন্টকে বোঝায় যে পৃষ্ঠাটি লোড হয়, অনেক সাইটেরও জেএসওএন বস্তুগুলি ভিএএইচআর অনুরোধগুলি পুনরুদ্ধার করতে হবে এবং তারপরে কোনও প্রকার টেম্প্লেটিং ব্যবহারকারীদের থেকে এইচটিএমএল তৈরি করা দরকার।

তবে তারা কেন লক্ষ্য করছে না যে সাইটটি ধীর গতিতে?

সম্ভবত কারণ তাদের গতি বাড়ানোর জন্য কোথাও মেমচেচি রয়েছে (বা কেবল ফাইল সিস্টেম ক্যাশে নির্ভর করে) এবং গড় ল্যাটেন্সি ব্যবহার করে তাদের সাইট স্বাস্থ্য পরিমাপ করছে। সুতরাং ক্যাশেযুক্ত অবজেক্টগুলি 6 টি মাইক্রোসেকসন্ড বিলম্বিত করে ফিরে আসে এবং অনেক GET অনুরোধগুলি সম্পূর্ণ করতে 5000 মিলিসেকেন্ড লাগে তা এই মুখোশটি করে। গড় মারা উচিত। একটি গ্রহণযোগ্য সর্বোচ্চ প্রান্তিকের উপর আরটিটি গণনা দীর্ঘায়ু! সংখ্যাটি 0 বা হওয়া উচিত, সংজ্ঞা অনুসারে, আরটিটি গ্রহণযোগ্য নয়।


-1

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

আরেকটি কারণ হ'ল যদিও বেশিরভাগ ক্ষেত্রে ওয়েব ডিজাইনাররা এটির ব্যবহার করেন না কোনও চিত্রের আকার টাইপ করা। এবং তাই ব্রাউজারকে পুরো চিত্রগুলি প্রথমে পৃষ্ঠাগুলিতে লোড করতে হবে যাতে এটি কীভাবে তার চারপাশে পাঠানো যায় knows

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

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

ফিডার চেষ্টা করার জন্য স্লো পৃষ্ঠা লোডিংয়ের সাথে মোকাবিলা করা আপনার সকলকে আমি পুনঃসংশোধন করব। ফিডলার আইইএক্সপ্লোরারের সাথে বা ফায়ারফক্সের সাথে ব্যবহার করা যেতে পারে (এর প্রক্সি ফাংশনটি ব্যবহার করে) ফিডলার আসলে আপনাকে দেখাবে যে এটি আসলে কতটা সময় নেয় এবং যখন কোনও ওয়েব পৃষ্ঠার অংশগুলি লোড হয়। এটি একটি HTML ডিবাগিং সরঞ্জাম।


সুতরাং আপনি লোকদের সাহায্য করার চেষ্টা করছেন এবং ভোট পেয়ে নামাও কি সেই মজাদার নয়? ঠিক আছে আমি এখানে লোকদের শর্তাবলী প্রযুক্তিগত স্টাফ ব্যাখ্যা করার আগে আবার দুবার চিন্তা করব।
ব্যবহারকারী 613326

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

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

1
@raylu আমি এই ভুল তথ্য সম্পর্কে জানি না। অনেকগুলি ডাউনভোটের সাথে উত্তর দেখে মাঝে মাঝে বেশ সহায়ক হতে পারে। :-)
লার্সটেক

7
হাই @ ইউজার 613326: আমরা এখানে মূলত জনগোষ্ঠীর জন্য দরকারী উত্তর সরবরাহ করার জন্য উত্সাহিত করছি honest ব্যক্তিগতভাবে নেবেন না!
ফ্লিম
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.