সিএসএস বা জেএস মার্জ করার সময় প্রতিটি পৃষ্ঠার ধরণের জন্য একটি নতুন ফাইল তৈরি করা হয়


15

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

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

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

কীভাবে আমরা এড়াতে পারি এবং আরও ডেটা পুনরায় ব্যবহার করতে পারি?


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

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

ক্যাশে বুস্টিংয়ে সহায়তা করতে আমি "জাভাস্ক্রিপ্ট ফাইলগুলি মার্জ করুন" বৈশিষ্ট্যটি অনুসন্ধান করছিলাম। আশা করি এই মন্তব্যটি অনুসন্ধান ইঞ্জিনটি আপডেট করে এবং ডুপগুলি রোধ করে।
রায় ফস

উত্তর:


14

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

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

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

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

আপনি ম্যাজেন্টো 1.x আর্কিটেকচার দ্বারা কিছুটা সীমাবদ্ধ যা সীমান্তের পারফরম্যান্সের জন্য দরিদ্র অনুশীলনের একটি গাদা দিয়ে শুরু হয়। এই জাহাজের গতিপথটি পরিবর্তন করা বাস্তবসম্মত নয়। Magento 2 অবদান।


1
"Magento 2 অবদান।"
বেনমার্ক

6

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

পৃষ্ঠা থেকে:

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


4
উল্লেখ করার জন্য ধন্যবাদ। আমি আমার অন্যান্য ফ্রি স্পিডস্টার এক্সটেনশন (স্পিডস্টার অ্যাডভান্সড) নির্দেশ করতে চাই যা মার্জ করা জাভাস্ক্রিপ্ট ফাইলগুলিতে ডাবল আপগুলি হ্রাস করতে একটি থিম অপটিমাইজারের সাথে আসে - দয়া করে এখানে আইবিজা বিকাশকারী সম্মেলন ২০১২-তে আমার উপস্থাপনাটি দেখুন magento- উন্নয়নকারী-প্রস্তুতি ডটকম / ডাব্লুপি-কনটেন্ট / আপলোড /… বিস্তারিত জানার জন্য।
ক্রিস্টফ ফুমন

আমি অনেক পরীক্ষা করেছি। এটি সমস্ত অপ্রয়োজনীয়তা থেকে মুক্তি পায় না, তবে এটি কিছু থেকে মুক্তিও পায়। এবং এটি সেরা মিনিফায়ার নয়, তবে অতিরিক্ত কাজ অপসারণ শেল স্ক্রিপ্টের সাহায্যে আপনি নিজে যা করতে পারেন তার ক্ষতিপূরণ দেয়। @ ক্রিস্টোফ্যাটফুমান আপনি যদি সিস্টেমটি ব্যবহার করতে পারেন uglifyjs --compressএবং মন্তব্যগুলির সাথে আরও ভালভাবে মোকাবেলা করতে পারেন তবে আমার কোড সহ আপনি প্রায় 4% ছোট একটি অতিরিক্ত উন্নতি পেতে পারেন। আমি নোড থেকে uglifyjs v3 ব্যবহার করছি।
রায় ফস
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.