Minify HTML در وردپرس؛ کاهش حجم با حفظ عملکرد

در این مقاله قصد داریم در مورد رفع خطا Minify HTML به شما کاربران عزیز توضیح بدهیم، اگر شما توسط سایت Gtmetrix در حال بهینه سازی سرعت وب سایت خود هستید احتمالا با خطا Minify HTML مواجه شده اید، در ادامه این آموزش به شما توضیح خواهیم داد که چگونه در کمتر از ده دفیقه می توانید این مشکل را در وب سایت های عادی و حتی سیستم مدیریت محتوا وردپرس فارسی رفع کنید.

هنگامی که در کد های html شما از تگ comment استفاده شده باشد یا بین آن فاصله های اضافی استفاده شده باشد، این خطا ایجاد می شود، در وافع برنامه نویس های html در هنگام تولید کد ها، برای مدیریت بهتر معمولا از تگ کامنت و فاصله استفاده می کنند، و این تگ و فاصله ها حجم اضافی اشغال می کنند، از آنجایی که وجود داشتن یا نداشتن این کد ها هیچ تاثیری در نمایش سایت شما ندارد و با حذف برخی از فاصله ها اختلالی در نمایش سایت توسط مرورگر ایجاد نمی شود، بهتر است این کد های اضافی حذف شود یا به اصطلاح minify شوند.

> پیشنهاد می کنیم قبل از هر تغییری از محتوا وب سایت خود پشتیبان تهیه کنید.

اگر وب سایت شما استاتیک است، می توانید از ابزار html-minifier استفاده نمایید، پس از ورود به این سایت کافیست در کادر بالا کد های html خود را وارد کنید و روی دکمه Minify کلیک کنید، و در کادر پایین کد تولید شده را در هاست خود آپلود نمایید.

همچنین در سمت راست این صفحه می توانید تنظیمات بهینه سازی کد ها را تغییر بدهید، برای مثال با گزینه Remove comments می توانید کد های که با تگ کامنت ایجاد شده باشند را حذف نمایید.

اگر شما از سیستم مدیریت محتو وردپرس استفاده می کنید، انجام این مورد بسیار آسان است، کافیست یکی از افزونه های Autoptimize و یا WP Super Minify را نصب و با توجه به نیاز خود تنظیم کنید، پیشنهاد ما استفاده از autoptimize است، این افزونه می تواند فایل های css و جاوا را هم minify و combine کند.

امیدواریم این آموزش برای شما مفید بوده باشه، منتظر نظرات شما هستیم …

حجم HTML فشرده‌شده را اندازه بگیرید و آن را با تصاویر، فونت و JS مقایسه کنید. برای چند کیلوبایت صرفه‌جویی، پیچیدگی غیرضروری ایجاد نکنید.

متن pre، code، textarea و دادهٔ JSON باید سالم بماند. حذف عمومی فاصله میان عناصر inline می‌تواند کلمات را به هم بچسباند.

فرم، متن فارسی، کد نمونه و دادهٔ ساختاریافته را بعد از تغییر بررسی کنید. یک ابزار نگهداری‌شده کافی است؛ چند minifier پشت هم استفاده نکنید.

متن و لینک‌ها باید با نسخهٔ قبل یکسان باشند و فرم‌ها کار کنند. تأثیر را با زمان پاسخ و حجم انتقال بسنجید.

پس از فشرده‌سازی، متن فارسی، فاصلهٔ میان کلمه‌ها و محتوای داخل pre و textarea را بازبینی کنید. یک فرم را ارسال کنید و پیام اعتبارسنجی آن را ببینید. کاهش چند بایت ارزش خراب شدن متن یا اجرای اسکریپت را ندارد. حجم پاسخ و زمان بارگذاری را با نمونهٔ قبل، روی یک صفحه و شرایط مشابه مقایسه کنید.