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


9

ব্যান্ডউইথের ক্ষেত্রে কোনও নির্দিষ্ট পৃষ্ঠার জন্য সিএসএস / অব্যবহৃত নিয়মগুলি সরিয়ে ফেলা কি বুনোতে এই ওভারহেড অপসারণের জন্য আমরা ক্যাশে (শিরোনাম / সর্বশেষ-সংশোধিত) উপর নির্ভর করতে পারি?

চিয়ার্স

এছাড়াও, বিটা সবার সাথে শুভকামনা!

উত্তর:


8

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

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


1
কথাটি হ'ল, যদি আপনি অন্য পৃষ্ঠাগুলিতে অনন্য বা এম্বেড থাকা সিএসএসে ফাইল অফলোড করে কোনও পৃষ্ঠায় ফাইলের আকার হ্রাস করেন তবে আপনি কেবল ক্যাচিংয়ের সুবিধাগুলি উপেক্ষা করেছেন। আপনার ব্যবহারকারীদের ২- এক্স পৃষ্ঠায় দুর্দান্ত অভিজ্ঞতা দেওয়ার জন্য হিট আপ ফ্রন্ট নেওয়া ভাল So সুতরাং, আপনার সিএসএসকে যতটা সম্ভব পরিষ্কার করুন। একের মধ্যে বহুগুণ একত্রিত করুন। তবে একবারের হিট কমিয়ে (কিছুটা) অপ্রয়োজনীয়, অনন্য কোড তৈরি করবেন না।
বিপিটারসন 76

2

আমি মনে করি না এটি হয় বা হয়। ফাইলের আকার হ্রাস করা ব্যবহারকারীকে প্রথমবার যখন তারা ফাইলটি অ্যাক্সেস করতে সহায়তা করবে। ক্যাচিং তাদের দ্বিতীয় দর্শনটিতে সহায়তা করবে।


2

অপ্টিমাইজেশনের জন্য আরও অনেকগুলি সম্ভাব্য স্থান রয়েছে যার আরও বেশি প্রভাব পড়বে ...

আপনি যদি কঠোরভাবে একটি পারফরম্যান্স লাভের সন্ধান করছেন তবে সিএসএস উত্স অপ্টিমাইজেশন খাদ্য শৃঙ্খলে খুব কম।

সিএসএস উত্সে অতিরিক্ত ক্রাফ্ট প্রথমবার স্টাইলশিটগুলি লোড হওয়ার পরে একটি ছোটখাটো হিট লাগবে। ক্যাচিংয়ের পর থেকে এই সমস্যার যত্ন নেওয়া উচিত।


1

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


উদাহরণস্বরূপ, একটি প্রধান থিম.এসএস ফাইল যেখানে প্রতিটি পৃষ্ঠায় প্রায় 30% নিয়ম ব্যবহার করা হয় ... তবে এই মিশ্রণটি ফিক্সকে একটি নিকটবর্তীকে বিভক্ত করে তুলবে।
আইডেন বেল

0

আমি সন্দেহ করি এটি আপনার সাইটের গতিশীলতার উপর নির্ভর করে। আপনার যদি অনেক পুনরাবৃত্তি দর্শনার্থী এবং অনেক নতুন দর্শক না থাকে তবে ক্যাশিং সম্ভবত যথেষ্ট। তবে, আপনার যদি নতুন প্রচুর দর্শনার্থী থাকে (এবং বিশেষত আপনি যদি প্রথমে ভাল ধারণা তৈরি করতে চান), আমি মনে করি আপনার সিএসএসের আকার যতটা সম্ভব কমাতে হবে।


0

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

মনে রাখবেন, জিএসপিং সিএসএস হ'ল সিএসএস লোডিংয়ের গতি বাড়ানোর সবচেয়ে কার্যকর উপায়। কিছু ফাইল অপ্রয়োজনীয় ব্লক সহ সমস্ত কিছুতে একটি ফাইলের মধ্যে পার্থক্য gzip এর পরে নগণ্য।


0

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

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

আপনার পৃষ্ঠা-নির্দিষ্ট মার্কআপ থাকলে আপনি নিতে পারেন এমন একটি পদ্ধতির হ'ল জেনেরিক সাইট-প্রশস্ত সিএসএস ফাইল থাকা এবং এইচটিএমএল ডকুমেন্টের শিরোনামে প্রতি পৃষ্ঠার নিয়ম এম্বেড করা।


0

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

প্রথম: সমস্ত সিএসএস ফাইলকে পিএইচপি স্ক্রিপ্ট হিসাবে বিবেচনা করতে এবং পাঠ্য / সিএসএস টাইপ করার সময় আউটপুট সংকোচনের জন্য অ্যাপাচি বলতে htaccess ব্যবহার করুন

ইন .htaccess অ্যাডহ্যান্ডলার পিএইচপি 5-সিজি .এসএসএস অ্যাডটাইপ পাঠ্য / সিএসএস

দ্বিতীয়: ডাউনলোড শুরুর আগে সিএসএস কোডটি মিনিফাই করতে কলব্যাক ফাংশন সহ আউটপুট বাফারিং ব্যবহার করুন, ফাইলের ক্যাশেড হওয়ার সাথে সাথে মেয়াদোত্তীকরণের সময়ও সেট করুন

আপনার সিএসএস ফাইলে

<?php
ob_start("trima");
header("Content-type: text/css; charset=utf-8");
ob_start();
date_default_timezone_set('GMT');
$lasmod = "Last-Modified: " . strftime ("%a, %d %b %Y %T GMT", filemtime (__FILE__));
Header($lastmod);
$offset = 3600*24*30*12;
$expire = "Expires: " . date("D, d M Y H:i:s", time() + $offset) . " GMT";
Header($expire);
function trima($str) {
    $str = str_replace(array("\n", "\r", "\t", "\o", "\xOB"), '', $str); // remueve enter tabs y demas
    $str = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $str); // remueve comentarioa
    $str = ereg_replace("[ ]+", " ", $str);                         //remueve espacios multiples
    $rep = array( '{ '=>'{', ' }'=>'}', '; '=>';', ', '=>',', ' {'=>'{', '} '=>'}', ': '=>':', ' ,'=>',', ' ;'=>';' ); // remueve espacios inecesarios
    $str = strtr($str, $rep);
    return $str;
}
?>
css content here

তৃতীয়: লাভ?

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.