برخی از ابزارها برای انجام فشرده سازی

خوشبختانه ، برای کاهش اندازه پرونده وب سایت شما لزوماً لازم نیست که یک توسعه دهنده باشید یا یکی از زبان های برنامه نویسی را بدانید. کوچک سازی در دنیای طراحی وب به روشی متداول تبدیل شده است. بنابراین شما نباید تعجب کنید که یاد بگیرید بسیاری از ابزارهای شگفت انگیز (و رایگان) برای انجام کار برای شما وجود دارند.

همچنین به ما مراجعه کنید 6 افزونه وردپرس برای روح بخشیدن به مقالات خود

در اینجا لیستی از ابزارهای مفید برای شروع وجود دارد. از آنجا که بسیاری از اینها می توانند چندین نوع کد را به حداقل برسانند ، من گزینه های نوع کد را در پرانتز قرار داده ام.

• • cssminifier.com et javascript-minifier.com (CSS و JS) - استفاده از این دو کوچک ساز توسط Andrew Chilton آسان است. شما فقط باید کد خود را وارد کنید ، سپس بر روی دکمه کلیک کنید خرد کردن برای نمایش کد فشرده شده شما حتی می توانید برای راحتی کار ، کد خروج را به عنوان یک پرونده بارگیری کنید.
  • htmlcompressor.com (HTML ، CSS و JS) - این ابزار فشرده سازی / کوچک سازی آنلاین از انواع کد HTML ، CSS و JS پشتیبانی می کند. حتی از ترکیبات مختلفی از انواع کد مانند CSS + PHP و JavaScript + PHP پشتیبانی می کند. و حتی می توانید کد فشرده شده را از نظر خطا بررسی کنید.

• • csscompressor.net (فقط CSS) - استفاده از این کمپرسور آنلاین CSS سریع ، آسان و رایگان است.

• • jscompress.com (فقط JS) - این ابزار فشرده سازی جاوا اسکریپت به شما امکان می دهد کد جاوا اسکریپت را با کپی و چسباندن فشرده کنید ، اما همچنین می توانید چندین پرونده جاوا اسکریپت را همزمان بارگیری کنید. این برای ترکیب فایل های جاوا اسکریپت در یک فایل واحد برای سرعت بهتر بارگذاری صفحه ایده آل است.
  • ابزارهای دان - ابزار دن پیشنهاد سازمان ملل متحد حداقل CSS را و برای کاهش جاوا اسکریپت . هر دو ابزار دارای یک رابط کاربری کاملا تمیز و آسان برای استفاده هستند. آنها هیچ گزینه پیشرفته ای ارائه نمی دهند ، اما برای اهداف کوچک سازی معمول بسیار عالی هستند.

• • refresh-sf.com (HTML ، CSS و JS) - این کمپرسور انواع کد JavaScript ، CSS و HTML را کاهش می دهد. همچنین در صورت نیاز به تمام گزینه های فشرده سازی برای هر نوع کد شامل می شود.
  • کامپایلر بسته (فقط JS) - کامپایلر بستن بخشی از است ابزارهای بسته شدن ، مجموعه ای از ابزارهای Google Developers. این به شما امکان می دهد جاوا اسکریپت خود را همراه با سایر بهینه سازی های مفید کوچک کنید. می توانید با وارد کردن URL محل فایل js از کد جاوا اسکریپت خود استفاده کنید و سپس نحوه بهینه سازی و قالب بندی کد را انتخاب کنید. 

به عنوان مثال ، شما انتخاب می کنید که کد خود را بهینه کنید تا در صورت تمایل ، فقط جای خالی ها را حذف کنید. پس از کلیک بر روی دکمه کامپایل ، کد (یا کامپایل آن) را برای شما کاهش می دهد.

• • minifycode.com (HTML ، CSS و JS) - این وب سایت کوچک سازهایی را برای شما ارائه می دهد جاوا اسکریپت , CSS et HTML با یک رابط کاربری ساده و تمیز که کد شما را با یک کلیک فشرده می کند. همچنین یک ابزار "زیباسازی" را برای فشردن کد مینی سازی به منظور خواندن بیشتر آن (برعکس کوچک سازی) ارائه می دهد.

اگر به دنبال ابزار آفلاین برای به حداقل رساندن CSS یا جاوا اسکریپت HTML خود هستید، در اینجا چندین گزینه وجود دارد:

• phpied.com/cssmin-js/ (فقط CSS)
• yui.github.io/yuicompressor (JS و CSS)

چگونه می توان با استفاده از یک ابزار آنلاین ، اندازه HTML ، CSS و JavaScript خود را کاهش داد

بسیاری از این ابزارهای آنلاین فرآیندی مشابه دارند که مراحل زیر را شامل می شوند:

• کد منبع خود را بچسبانید یا فایل کد منبع را بارگیری کنید. 
• تنظیمات را برای یک خروجی خاص بهینه کنید (در صورت وجود گزینه ها)
• برای فشرده سازی کد روی دکمه ای کلیک کنید.
• نتیجه کد Minified را کپی کنید یا فایل کد minified را بارگیری کنید.

برای این مثال ، من از ابزار minify استفاده می کنم minifycode.com.

همچنین ببینید: چگونه برای اضافه کردن یک کد CSS با خیال راحت در وردپرس با مشاوره در این لینک

ابتدا فایل CSS (که معمولاً به آن Style.css گفته می شود) را در پرونده های وب سایت خود پیدا کرده و با استفاده از ویرایشگر صفحه آن را باز کنید. سپس تمام کد های CSS را در کلیپ بورد خود کپی کنید.

رفتن به minifycode.com و بر روی تب CSS minifier کلیک کنید. سپس کد CSS را در کادر ورودی وارد کرده و بر روی دکمه کلیک کنید CSS را به حداقل برسانید.

پس از تولید کد جدید ، آن را کپی کنید.

سپس به پرونده CSS وب سایت خود برگردید و کد را با نسخه ساده جدید جایگزین کنید.

این همه!

همین روند را تکرار کنید تا همچنین JavaScript و HTML فایل (های) وب سایت خود را کاهش دهید.

نحوه به حداقل رساندن HTML ، CSS و JavaScript در وردپرس با استفاده از پلاگین ها

ساده ترین راه برای به حداقل رساندن HTML ، CSS و JavaScript در وردپرس استفاده از یک افزونه است. با این کار می توانید فایل های وب سایت وردپرس خود را بهینه کنید تا فقط با چند کلیک دکمه زمان بارگذاری صفحه را کاهش دهید.

افزونه های زیادی وجود دارد که کار را به پایان می رساند ، اما من به طور خلاصه به چند نمونه اشاره می کنم.

Autoptimize (رایگان)

Autoptimize احتمالاً همین است پلاگین وردپرس از محبوب ترین مینیفای ها این محبوب است زیرا استفاده از آن آسان است و دارای ویژگی های قدرتمندی است. می‌تواند کد شما را باندل (ترکیب اسکریپت‌ها)، کوچک‌سازی و حافظه پنهان کند. به عنوان یک امتیاز، گزینه های اضافی برای بهینه سازی فونت های گوگل، تصاویر و غیره دارید.

برای استفاده از Autoptimize ، می توانید افزونه را از داشبورد وردپرس در زیر بارگیری ، نصب و فعال کنید پلاگین> افزودن جدید.

برای اطلاعات بیشتر ، به راهنمای ما در مورد:  نحوه نصب افزونه در وردپرس

پس از فعال سازی افزونه ، به آن بروید تنظیمات> بهینه سازی خودکار. سپس ، در زیر زبانه پارامترهای اصلی ، کدی را که می خواهید بهینه کنید (HTML ، CSS و / یا JavaScript) بررسی کنید و روی E کلیک کنیدتغییرات را ذخیره کنید.

همچنین می توانید بر روی دکمه کلیک کنید نمایش تنظیمات پیشرفته در بالای صفحه برای سفارشی سازی بیشتر بهینه سازی کد شما.

کم و بیش است که! کاملاً ساده و قدرتمند.

W3 Total Cache (رایگان)

W3 مجموع کش یک افزونه ذخیره سازی عالی است که امکان به حداقل رساندن پرونده های HTML ، JS و CSS را فراهم می کند.

WP سریعترین حافظه پنهان (رایگان)

WP سریعترین کش - این افزونه وردپرس حافظه پنهان با بررسی های بالا بسیار محبوب است. این عملکرد بهینه سازی های مختلفی را انجام می دهد ، از جمله ترکیب و کاهش کد CSS HTML و کد JavaScript برای عملکرد بهتر.

مقاله ما را نیز بخوانید پلاگین 8 وردپرس برای اضافه کردن یک گفتگوی زنده را در وبلاگ خود

پس از نصب افزونه ، به سادگی روی زبانه کلیک کنید WP سریعترین کش در نوار کناری داشبورد وردپرس. زیر زبانه تنظیمات، گزینه هایی برای ترکیب و کاهش پرونده های HTML و CSS پیدا خواهید کرد. اگرچه minification JavaScript فقط در نسخه حرفه ای موجود است.

خلاصه

اگر می خواهید وبلاگ خود را سریعتر و عملکرد بهتری داشته باشید ، باید اندازه پرونده های HTML ، CSS و JavaScript خود را کاهش دهید. با تمام ابزارهای آنلاین موجود ، می توانید به راحتی کد هر وب سایتی را کاهش دهید. 

افزونههای 9 وردپرس برای مخفی کردن محتوای وبلاگ شما کشف کاملاً

برای کسانی که از WordPress استفاده می کنند ، شما افزونه های قدرتمندی در اختیار دارید که با چند کلیک به صورت خودکار این پرونده ها را به حداقل می رسانند.

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

می توانید از موارد دیگر استفاده کنید افزونه های وردپرس برای دادن ظاهری مدرن و بهینه سازی مدیریت وبلاگ یا وب سایت شما.

ما در اینجا برخی از افزونه های برتر وردپرس را به شما پیشنهاد می دهیم که در انجام این کار به شما کمک می کنند.

سایر منابع پیشنهادی

ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.

نتیجه