এমন কোনও অনলাইন সরঞ্জাম আছে যা আমরা কোনও পৃষ্ঠার এইচটিএমএল উত্সকে ইনপুট করতে পারি এবং কোডটি ছোট করে দেব?
আমি এএসপিএক্স ফাইলগুলির জন্য এটি করব কারণ ওয়েব সার্ভারগুলি সেগুলি জিপিপ করা ভাল ধারণা নয় ...
এমন কোনও অনলাইন সরঞ্জাম আছে যা আমরা কোনও পৃষ্ঠার এইচটিএমএল উত্সকে ইনপুট করতে পারি এবং কোডটি ছোট করে দেব?
আমি এএসপিএক্স ফাইলগুলির জন্য এটি করব কারণ ওয়েব সার্ভারগুলি সেগুলি জিপিপ করা ভাল ধারণা নয় ...
উত্তর:
সম্ভবত এইচটিএমএল কমপ্রেসর ব্যবহার করে দেখুন , এটি কী করতে পারে তা দেখানোর আগে এবং পরে এখানে (স্ট্যাক ওভারফ্লো নিজেই অন্তর্ভুক্ত):
এটিতে আপনার পৃষ্ঠাগুলি অনুকূলকরণের জন্য এবং স্ক্রিপ্ট মিনিমাইজিং (অম্প্রেসর, গুগল ক্লোজার কম্পাইলার, আপনার নিজস্ব সংকোচকারী) সহ অনেকগুলি নির্বাচন বৈশিষ্ট্য রয়েছে যেখানে এটি নিরাপদ থাকবে। ডিফল্ট বিকল্প সেটটি বেশ রক্ষণশীল, যাতে আপনি এটি দিয়ে শুরু করতে পারেন এবং আরও আক্রমণাত্মক বিকল্পগুলি সক্ষম করার জন্য পরীক্ষা করতে পারেন।
প্রকল্পটি অত্যন্ত ভাল নথিভুক্ত এবং সমর্থিত supported
এটি করবেন না । বা বরং, আপনি যদি এটিতে জেদ করেন তবে আরও কোনও উল্লেখযোগ্য সাইটের অপ্টিমাইজেশান সম্পূর্ণ হওয়ার পরে এটি করুন। সম্ভাবনা খুব বেশি যে এই প্রচেষ্টার জন্য ব্যয় / উপকারের পরিমাণ নগণ্য, বিশেষত যদি আপনি প্রতিটি পৃষ্ঠার সাথে ডিল করার জন্য ম্যানুয়ালি অনলাইন সরঞ্জামগুলি ব্যবহার করার পরিকল্পনা করছেন।
ব্যবহারের YSlow বা পৃষ্ঠা গতি নির্ধারণ করতে কি আপনি সত্যিই আপনার পৃষ্ঠাগুলি নিখুত করতে হবে। আমার ধারণা হ'ল এইচটিএমএল বাইট হ্রাস করা আপনার সাইটের সবচেয়ে বড় সমস্যা হবে না। এটি আরও বেশি সম্ভাবনা রয়েছে যে সংক্ষেপণ, ক্যাশে পরিচালনা, চিত্র অপ্টিমাইজেশন ইত্যাদি সামগ্রিকভাবে আপনার সাইটের কর্মক্ষমতাকে আরও বড় পার্থক্য করতে পারে। এই সরঞ্জামগুলি আপনাকে দেখাবে যে সবচেয়ে বড় সমস্যাগুলি কী - আপনি যদি সেগুলির সাথে সমস্ত আচরণ করে থাকেন এবং এখনও খুঁজে পান যে এইচটিএমএল মিনিফিকেশন একটি উল্লেখযোগ্য পার্থক্য করে, তবে তার জন্য যান।
(আপনি যদি নিশ্চিত হন যে আপনি এটির জন্য যেতে চান, এবং আপনি অ্যাপাচি httpd ব্যবহার করেন তবে আপনি মোড পেজ স্পিড ব্যবহার এবং হোয়াইটস্পেস ইত্যাদি হ্রাস করার জন্য কয়েকটি বিকল্প চালু করতে বিবেচনা করতে পারেন তবে ঝুঁকি সম্পর্কে সচেতন হন ))
white-space: pre
, এবং ম্যানিফিকেশন পূর্ব-বিন্যাসযুক্ত পাঠ্যটিকে নষ্ট করে দেবে।
white-space:pre
, তবে হ্যাঁ, এইচটিএমএলকে ছোট করা আরও জটিল হবে। তবে, কেন কেউ শ্বেত-স্থান ব্যবহার করতে চাইবে তা সম্পর্কে আমি পরিষ্কার নয়: প্রাক pre
বা code
উপাদান ব্যবহার করার চেয়ে প্রাক ।
আপনার প্রশ্নের একটি সংক্ষিপ্ত উত্তর এখানে: আপনার আপনার এইচটিএমএল, সিএসএস, জেএস মিনিট করা উচিত । ব্যবহার করার জন্য একটি সহজ সরঞ্জাম রয়েছে যা গ্রান্ট বলে । এটি আপনাকে অনেকগুলি কার্য স্বয়ংক্রিয় করতে দেয়। এর মধ্যে জেএস , সিএসএস , এইচটিএমএল মিনিফিকেশন, ফাইল কনটেনটেশন এবং আরও অনেকে ।
এখানে লিখিত উত্তরগুলি অত্যন্ত পুরানো বা এমনকি কখনও কখনও অর্থবোধ করে না। পুরানো ২০০৯ থেকে অনেক কিছুই পরিবর্তিত হয়েছে, তাই আমি এর উত্তরটি সঠিকভাবে দেওয়ার চেষ্টা করব।
সংক্ষিপ্ত উত্তর - আপনার অবশ্যই এইচটিএমএল মিনিফাই করা উচিত । এটি আজ তুচ্ছ এবং প্রায় 5% স্পিডআপ দেয় । দীর্ঘ উত্তর জন্য পুরো উত্তর পড়ুন
পুরানো দিনগুলিতে লোকেরা সিএসএস / জেএসকে ম্যানুয়ালি মিনিফাইং করছিল (এটি নির্দিষ্ট করার জন্য কোনও নির্দিষ্ট সরঞ্জামের মাধ্যমে এটি চালিয়ে)। প্রক্রিয়াটি স্বয়ংক্রিয়ভাবে চালিত করা এক ধরণের কঠিন ছিল এবং অবশ্যই কিছু দক্ষতার প্রয়োজন ছিল। এখনই প্রচুর উচ্চ স্তরের সাইটগুলি জিজিপ (যা তুচ্ছ) ব্যবহার করছে না তা বোঝা যায় যে মানুষ এইচটিএমএলকে ছোট করে তুলতে নারাজ ছিল।
তাহলে লোকেরা জেএস মিনিট করছে, তবে এইচটিএমএল নয় ? আপনি যখন জেএসকে ক্ষুদ্রতর করেন, আপনি নিম্নলিখিত জিনিসগুলি করেন:
var isUserLoggedIn
করার জন্য var a
)যা পুরানো দিনগুলিতেও অনেক উন্নতি করেছিল। তবে এইচটিএমএলে আপনি সংক্ষিপ্ত জন্য দীর্ঘ নাম পরিবর্তন করতে সক্ষম হন নি, সেই সময়ে মন্তব্য করার মতো প্রায় কিছুই ছিল না। তাই কেবলমাত্র অবশিষ্ট জায়গাটি হ'ল স্পেস এবং নিউলাইন remove যা কেবলমাত্র অল্প পরিমাণে উন্নতি দেয়।
এখানে লিখিত একটি ভুল যুক্তি হ'ল যেহেতু বিষয়বস্তু gzip দিয়ে পরিবেশন করা হয়েছে, তাই ক্ষুদ্রাকরণের কোনও অর্থ হয় না। এটা সম্পূর্ণ ভুল। হ্যাঁ, এটি উপলব্ধি করে যে জিজপ মিনিফিকেশনের উন্নতি হ্রাস করে, তবে আপনি যদি সঠিকভাবে সেগুলি ছাঁটাই করতে পারেন এবং শুধুমাত্র গুরুত্বপূর্ণ অংশটি গিজিপ করতে পারেন তবে আপনার মন্তব্যগুলি, হোয়াইটস্পেসগুলি কেন জিজিপ করা উচিত? এটি একইরকম যেমন আপনার সংরক্ষণাগারটির জন্য কোনও ফোল্ডার রয়েছে যার মধ্যে এমন কিছু ক্রেপ রয়েছে যা আপনি কখনও ব্যবহার করবেন না এবং আপনি এটি পরিষ্কার করার পরিবর্তে এটি জিপ করার এবং এটি জিপ করার সিদ্ধান্ত নেন।
অন্য যুক্তি হ'ল কেন খাটো করা অর্থহীন that সম্ভবত এটি 2009 সালে সত্য হয়েছিল, তবে এই সময়ের পরে নতুন সরঞ্জাম উপস্থিত হয়েছিল। এই মুহূর্তে আপনার নিজের মার্কআপটি ম্যানুয়ালি মাইনিফ করার দরকার নেই। গ্রান্টের মতো জিনিসগুলির সাথে গ্রান্ট -অবদান-এইচটিএমএলমিন ইনস্টল করা ( @ কংগ্যাক্স দ্বারা এইচটিএমএল মাইনিফায়ার উপর নির্ভর করে ) এবং আপনার এইচটিএমএলকে ছোট করার জন্য এটি কনফিগার করা তুচ্ছ। আপনার যা প্রয়োজন তা হ'ল ঘন্টার মতো শিখতে এবং সবকিছুকে কনফিগার করার জন্য এবং তারপরে সবকিছু একটি সেকেন্ডেরও কম সময়ে স্বয়ংক্রিয়ভাবে সম্পন্ন হয়। মনে হয় যে 1 সেকেন্ড (যা আপনি এমনকি গ্রান্ট-অবদান-ঘড়ি দিয়ে কিছুই করতে স্বয়ংক্রিয় করতে পারেন ) আনুমানিক 5% উন্নতির (এমনকি gzip সহ) এর পক্ষে খুব খারাপ নয়।
আরও একটি যুক্তি হ'ল সিএসএস এবং জেএস স্থিতিশীল , এবং এইচটিএমএল সার্ভার দ্বারা তৈরি করা হয় যাতে আপনি এটি প্রাক-মাইনাইফ করতে পারবেন না। এই 2009 সালে সত্য ছিল, কিন্তু বর্তমানে আরো এবং আরো সাইট একটি একক পৃষ্ঠার অ্যাপ্লিকেশন, যেখানে সার্ভার পাতলা এবং ক্লায়েন্ট সব রাউটিং, টেমপ্লেট এবং অন্যান্য যুক্তিবিজ্ঞান করছে মত খুঁজছেন। সুতরাং সার্ভারটি আপনাকে কেবল JSON দিচ্ছে এবং ক্লায়েন্ট এটি সরবরাহ করে। পৃষ্ঠা এবং বিভিন্ন টেম্পলেটগুলির জন্য এখানে আপনার প্রচুর এইচটিএমএল রয়েছে।
সুতরাং আমার চিন্তাভাবনা শেষ করতে:
<span>
)। প্রথমত আপনি সর্বদা বৈধ এইচটিএমএল লেখার একটি উপায় এটি স্বেচ্ছাসেবী অজ্ঞেয়াদি তৈরি করে খুঁজে পেতে পারেন। শুনতে শুনতে আপনি অবাক হতে পারেন তবে জেএস / সিএসএস মিনিফায়ার একটি বাগও প্রবর্তন করতে পারে - যার অর্থ এই নয় যে আপনার এটি ব্যবহার করা উচিত নয়। আপনার সমস্যা সমাধানের জন্য দুটি উপায়: হোয়াইটস্পেস অজোনস্টিক মার্কআপ লিখতে শিখুন, ম্যানিফিকেশনের আগে / পরে আপনার পণ্যটি পরীক্ষা করুন (সিএসএস / এইচটিএমএল / জেএস)। মিনিফায়ার এ আপনি নির্দিষ্ট করে রাখতে পারেন যে আপনি কোন শ্বেত স্পেসগুলি সংরক্ষণ করতে চান।
* { white-space: pre; }
একটি সুস্পষ্ট বিষয়, তবে আপনি যদি সমস্ত সাদা স্থান সরিয়ে ফেলেন এবং কেবল এটি ভেঙে না ফেলে (পরিবর্তে মার্জিন দিয়ে এটি প্রতিস্থাপন করছেন), পাঠ্য ভুলভাবে অনুলিপি করতে পারে এবং পাঠ্য ব্রাউজারগুলি এবং স্ক্রিন পাঠকদের উপর সর্বনাশ ডেকে আনতে পারে।
আমি এইচটিএমএলকে মিনিফাই করার জন্য একটি ওয়েব সরঞ্জাম লিখেছি। http:// ব্যাখ্যাtydiff.com/?m=minify&html
এই সরঞ্জামটি এই বিধিগুলি ব্যবহার করে পরিচালনা করে:
style
ট্যাগের অভ্যন্তরে থাকা সমস্ত সামগ্রী সিএসএস হিসাবে ধরে নেওয়া হয় এবং সে হিসাবে এটি সংশোধিত হয়script
ট্যাগের ভিতরে থাকা সমস্ত সামগ্রী জাভা স্ক্রিপ্ট হিসাবে ধরে নেওয়া হয়, যদি না আলাদা মিডিয়া প্রকার সরবরাহ করা থাকে এবং তারপরে সেটিকে ছোট করে দেওয়া হয়<!--[if IE 8.0]><link rel="stylesheet" href="css/ie8.css" type="text/css" /><![endif]-->
এটি আমার পক্ষে কাজ করেছে:
http://minify.googlecode.com/git/min/lib/Minify/HTML.php
এটি ইতোমধ্যে উপলব্ধ একটি অনলাইন সরঞ্জাম নয়, তবে সাধারণ পিএইচপি হ'ল এটি আপনার পক্ষে নিজে চালাতে পারবেন যথেষ্ট পরিমাণে সহজ।
আমি সংক্ষেপিত ফাইলগুলি সংরক্ষণ করব না যদিও আপনার যদি সত্যিই করতে হয় তবে এটি গতিশীল করুন এবং জিজিপ সার্ভার সংক্ষেপণ সক্ষম করার জন্য এটি সর্বদা আরও ভাল ধারণা। আমি জানি না যে এটি আইআইএস /। নেট-এ কীভাবে জড়িত, কিন্তু পিএইচপি-তে এটি গ্লোবাল অন্তর্ভুক্ত ফাইলটিতে একটি লাইন যুক্ত করার মতো তুচ্ছ
নীচের কয়েকটি পরিস্থিতিতে পরিচালনা করতে কোডপ্রজেক্টের একটি প্রকাশিত নমুনা প্রকল্প রয়েছে ( http://www.codeproject.com/KB/aspnet/AspNetOptimizer.aspx?fid=1528916&df=90&mpp=25&noise=3&sort=Position&view=Quick&select=2794900 ) ।
মাইক্রোসফ্ট। নেট নেট প্ল্যাটফর্মের জন্য ওয়েবমার্কআপমিন নামে একটি গ্রন্থাগার রয়েছে যা এইচটিএমএল কোডের সংক্ষিপ্তকরণ উত্পাদন করে।
এছাড়াও, এই লাইব্রেরিটি এএসপি.নেট এমভিসি - ওয়েবমার্কআপমিন.এমভিসিতে সংহত করার জন্য একটি মডিউল রয়েছে ।
http://code.mini-tips.com/html-minifier.html চেষ্টা করুন , এটি এইচটিএমএল মিনিফায়ারের জন্য নেট লিবারি
এইচটিএমএল কমপ্রেসার একটি ছোট, দ্রুত এবং খুব সহজেই ব্যবহার করা যায়। নেট গ্রন্থাগার যা এইচটিএমএল বা এক্সএমএল উত্সকে কন্টেন্টের কাঠামোটি ভঙ্গ না করে অতিরিক্ত শ্বেতক্ষেত্র, মন্তব্য এবং অন্যান্য অপ্রয়োজনীয় অক্ষরগুলি সরিয়ে দেয় if ফলস্বরূপ পৃষ্ঠাগুলি আকারে ছোট হয়ে যায় এবং দ্রুত লোড হয়। সংক্ষেপকটির একটি কমান্ড-লাইন সংস্করণ উপলব্ধ।