README কিভাবে এই ব্যবহার বর্তমান করতে হবে সেই বিষয়ে একটি গাইড আছে 7.x-2.31 + + AdvAgg সংস্করণ । উচ্চ কার্যকারিতা গোষ্ঠীতে এই উইকি পৃষ্ঠাটিও দেখুন । বেশিরভাগ সাইটগুলি https://developers.google.com/speed/pagespeed/insights/ এ একটি নিখুঁত 100/100 স্কোর অর্জন করতে পারে । নীচে অ্যাডএজিজি-র নতুন করে ইনস্টল করার জন্য এটি কীভাবে অর্জন করা যায় তার দিকনির্দেশ।
পরিবর্তনটি আপনার সাইটে গোলযোগ না পেয়েছে তা নিশ্চিত করার জন্য প্রতিটি বিভাগের পরে সাইটটি পরীক্ষা করে দেখুন। অ্যাডএএজিজি মডিফায়ারের অধীনে পরিবর্তনগুলি সাধারণত সবচেয়ে সমস্যাযুক্ত তবে তারা সবচেয়ে বড় উন্নতি করে।
উন্নত সিএসএস / জেএস সমষ্টি
যাও admin/config/development/performance/advagg
- "প্রস্তাবিত (অনুকূলিত) সেটিংস ব্যবহার করুন" নির্বাচন করুন
অ্যাডএজিজি জাভাস্ক্রিপ্ট সঙ্কলন
সক্ষম না হলে অ্যাডএএজিজি কমপ্রেস জাভাস্ক্রিপ্ট ইনস্টল করুন এবং এতে যান
admin/config/development/performance/advagg/js-compress
- যদি পাওয়া যায় তবে জেএসমিন নির্বাচন করুন; অন্যথায় জেএসমিন + নির্বাচন করুন
- স্ট্রিপ স্ট্রিপ (ছোট ফাইলগুলি) নির্বাচন করুন
- এই ফাইলগুলি প্রক্রিয়া করতে ব্যাচ সংক্ষেপে লিঙ্কটি ক্লিক করুন
অ্যাডএজিজি এসিঙ্ক ফন্ট লোডার
সক্ষম না হলে অ্যাডএএজিজি অ্যাসিঙ্ক ফন্ট লোডার ইনস্টল করুন এবং এতে যান
admin/config/development/performance/advagg/font
- সামগ্রিক অন্তর্ভুক্ত স্থানীয় ফাইল নির্বাচন করুন (সংস্করণ: XXX)। যদি এই বিকল্পটি উপলভ্য না হয় তবে কীভাবে এটি ইনস্টল করতে হবে তার বিকল্পগুলির নীচের দিকনির্দেশগুলি অনুসরণ করুন।
- "লোকালস্টোরেজ ব্যবহার করুন যাতে স্টাইল না করা পাঠ্যের ফ্ল্যাশ (FOUT) কেবল একবার হয়" "
- "একটি কুকি সেট করুন যাতে আনস্টাইলযুক্ত পাঠ্যের ফ্ল্যাশ (FOUT) কেবল একবার হয়" "
অ্যাডএজিজি বান্ডিলার
সক্ষম না হলে অ্যাডএগজি বান্ডিলার ইনস্টল করুন এবং এতে যান
admin/config/development/performance/advagg/bundler
HTTP / 2.0 সেটিংস
- "প্রতি পৃষ্ঠায় সিএসএস বান্ডিলের লক্ষ্য সংখ্যা" এর অধীনে 25 নির্বাচন করুন
- "প্রতি পৃষ্ঠায় জেএস বান্ডিলের টার্গেট সংখ্যা" এর অধীনে 25 নির্বাচন করুন
- "দলবদ্ধকরণ যুক্তি" এর অধীনে "ফাইলের আকার" নির্বাচন করুন
HTTP / 1.1 সেটিংস (ডিফল্ট)
- "প্রতি পৃষ্ঠায় সিএসএস বান্ডিলের লক্ষ্য সংখ্যা" এর অধীনে 2 নির্বাচন করুন
- "প্রতি পৃষ্ঠায় জেএস বান্ডিলের টার্গেট সংখ্যা" এর অধীনে 5 নির্বাচন করুন
- "দলবদ্ধকরণ যুক্তি" এর অধীনে "ফাইলের আকার" নির্বাচন করুন
25 এবং 5 টি বান্ডিলগুলি ব্রাউজারের ক্যাচিংয়ের সাথে করতে হবে। আরও ফাইলগুলি ব্রাউজারের ক্যাশে থাকা কম্বো থাকার একটি আরও ভাল সুযোগের সমান, তবে আরও ফাইলগুলির অর্থ HTTP 1.1 তে আরও সংযোগ স্থাপন এবং খোলা থাকে। সিএসএসের জন্য 2 ব্যবহার করুন কারণ এই নম্বরটি কোনও নতুন সংযোগের জন্য অপেক্ষা করে না; জেএস 5 হওয়ায় বেশিরভাগ ব্রাউজারের একযোগে সংযোগের সীমা 6 থাকে bu বান্ডিলগুলির জন্য এই সংখ্যাটি অনেক পরীক্ষার পরে নেওয়া হয়েছিল। এইচটিটিপি ২.০ এ একটি স্ট্রিমিং সংযোগ রয়েছে এবং একাধিক সিএসএস এবং জেএস ফাইলের জন্য জরিমানা প্রায় বিদ্যমান নেই; সুতরাং ব্রাউজার ক্যাশের জন্য অনুকূলিতাই সেরা পছন্দ; এইচটিটিপি / ২.০ পরিবেশন করার সময় 25 টি সিএসএস এবং জেএসের জন্য ব্যবহার করা উচিত।
অ্যাডএজিজি রিলোক্ট
সক্ষম না হলে অ্যাডএজিজি পুনঃস্থাপন ইনস্টল করুন এবং এতে যান
admin/config/development/performance/advagg/relocate
- "প্রস্তাবিত (অনুকূলিত) সেটিংস ব্যবহার করুন" নির্বাচন করুন
অ্যাডএজিজি মডিফায়ার
সক্ষম না হলে অ্যাডএগজি মডিফায়ার ইনস্টল করুন এবং এতে যান
admin/config/development/performance/advagg/mod
- "প্রস্তাবিত (অনুকূলিত) সেটিংস ব্যবহার করুন" নির্বাচন করুন
সমালোচনামূলক সিএসএস ফাইল তৈরি করা হচ্ছে
Https://www.sitelocity.com/critical-path-css-generator এ যান এবং সমালোচনামূলক CSS এর জন্য প্রয়োজনীয় যতগুলি ল্যান্ডিং পৃষ্ঠাগুলি ইনপুট করুন; শীর্ষ 10 টি সাধারণত একটি ভাল শুরু। আপনার যদি গুগল অ্যানালিটিকস থাকে তবে এটি আপনাকে দেখায় যে কীভাবে আপনার শীর্ষস্থানীয় পৃষ্ঠাগুলি https://developers.google.com/analytics/devguides/reporting/core/v3/common-quishes#top-landing-pages
বা পাইউইক https- র জন্য পাবেন : //piwik.org/faq/how-to/faq_160/ । আপনার সাইটের হোমপেজটি দিয়ে কোন পৃষ্ঠাটি শুরু করতে হবে তা যদি আপনি না জানেন। সিএসএস জেনারেট করতে আপনি আমাদের এটিও করতে পারেন https://chrome.google.com/webstore/detail/critical-style-snapshot/gkoeffcejdhhojognlonafnijfkcepob?hl=en
নীচে ফাইলের নাম এবং পথগুলি "বুটস্ট্র্যাপ" থিমের জন্য; তারা সব দিয়ে শুরু sites/all/themes/bootstrap/critical-css/; আপনার থিম critical-css/ডিরেক্টরি তৈরি করুন । পরবর্তী ডিরেক্টরি ব্যবহারকারীর উপর ভিত্তি করে; anonymous/, all/বা authenticated/ব্যবহার করা যেতে পারে।
পরবর্তী ডিরেক্টরি হতে পারে urls/বা type/। তাকানো urls/; সামনের পৃষ্ঠার জন্য সামনের অংশটি একটি বিশেষ কেস, অন্য সমস্ত পাথ কারেন্ট_পথ () ডিরেক্টরি হিসাবে ব্যবহার করে এবং ফাইলের নাম শেষে .cssযুক্ত হয়; Https://api.drupal.org/api/drupal/includes%21path.inc/function/current_path/7.x দেখুন
এ খুঁজছি type/এই নোডের ধরনের জন্য একটি বিশেষ ক্ষেত্রে দেখা যায়। মেশিনের নাম ব্যবহার করুন .cssএবং শেষ পর্যন্ত যুক্ত করুন। এই ধরণের যে কোনও নোডের পরে এই সমালোচনামূলক CSS ফাইলটি প্রয়োগ করা হবে এবং ইনলাইন করা থাকবে। এটি কীভাবে কাজ করে তা নীচে কয়েকটি উদাহরণ দেওয়া হল।
"সম্মুখ" পৃষ্ঠার জন্য বৈধ উদাহরণ ফাইলের অবস্থান:
sites/all/themes/bootstrap/critical-css/anonymous/urls/front.css
"নোড / 1" বর্তমান_পথ () পৃষ্ঠার জন্য বৈধ উদাহরণ ফাইলের অবস্থান:
sites/all/themes/bootstrap/critical-css/anonymous/urls/node/1.css
"পৃষ্ঠা" নোড প্রকারের জন্য বৈধ উদাহরণ ফাইলের অবস্থানগুলি:
sites/all/themes/bootstrap/critical-css/anonymous/type/page.css
আপনি যদি এই সিএসএস ফাইলগুলি তৈরি করতে কোনও ধরণের স্বয়ংক্রিয় পদ্ধতি চান তবে ফোরকিচেনগুলি কীভাবে সেট আপ করবেন সে সম্পর্কে একটি দুর্দান্ত নিবন্ধ রয়েছে:
https://fourword.fourkitchens.com/article/use-grunt-and-advagg-inline-critical-css -drupal-7-থিম