برای افزایش سرعت وب سایت افزونه های زیادی وجود دارند که در این زمینه افزونه Autoptimize یکی از بهترین گزینه ها به شمار می رود. در این آموزش می خواهیم نحوه کار با این افزونه را بررسی کنیم. با ما همراه باشید.
تنظمیات افزونه Autoptimize
پس از این که افزونه را نصب و فعال کردید می توانید از مسیر تنظیمات»Autoptimize صفحه مربوط به تنظیمات این افزونه را مشاهده کنید. در حالت پیش فرض تنها گزینه های اصلی، نمایش داده می شود و اگر بخواهید که کار بهینه سازی را با جزئیات بیشتری انجام دهید، آن موقع باید بر روی دکمه “نمایش تنظیمات پیشرفته” که در بالای صفحه قرار دارد کلیک کنید.
HTML
بهینه سازی کدهای Html؟ با فعال کردن این گزینه کدهای html به صورت فشرده خواهد شد و فضاهای خالی حذف خواهند شد.
نگه داشتن کامنت های HTML؟ به طور معمول طراحان برای خوانایی کدها و اعمال تغییرات در آینده، مابین کدها از کامنت ها استفاده می کنند که در خروجی کار تاثیری ندارد. پس این گزینه را بدون تیک بگذارید بماند تا کامنت ها حذف شوند.
Javascript
ابتدا گزینه بهینه سازی کد Javascript را فعال کنید تا تنظیمات مربوط به آن نیز نمایش داده شود.
بارگذاری Javascript در تگ؟ اگر این گزینه را فعال کنید، فایل های جاوا اسکریپت در بالای صفحه قرار خواهند گرفت. این گزینه می تواند در نمایش صفحه کمی تاخیر ایجاد کند (در حد میلی ثانیه) اما برای بیشتر وب سایت ها که نیاز ضروری به اجرای جاوا اسکریپت دارند می تواند مفید باشد.
محروم کردن اسکریپت ها از Autoptimize: برخی از اسکپریپت ها به دلایل مختلف بهتر است از بهینه سازی آنها صرف نظر کرد که نام آن ها را می توانید در این کادر وارد کنید.
تنظیمات CSS
بهینه سازی کد CSS؟ با تیک زدن به این گزینه بهینه سازی بر روی فایل های css نیز انجام خواهد گرفت.
تولید data: URIs برای تصاویر؟ برخی از تصاویر مورد استفاده شده در طراحی پوسته از اندازه و حجم کوچک برخوردار هستند ولی با این حال برای نمایش آن ها یک درخواست باید اجرا شود. این گزینه با تبدیل کردن این تصاویر به داده های درون خطی داخل فایل های استایل، از این درخواست های اضافی جلوگیری می کند.
Remove Google Fonts؟ به طور معمول وب سایت های فارسی زبان از فونت های گوگل استفاده ای نمی کنند، اما به خاطر این که اکثر پوسته ها توسط خارجی ها طراحی شده اند، فونت های گوگل در پوسته ها وجود دارتد. این گزینه با حذف فونت های گوگل سرعت سایت را افزایش می دهد.
در نهایت پس از انجام تغییرات بر روی دکمه “ذخیره تغییرات و تخلیه کش” کلیک کنید.
خسته نباشید ممنون به خاطر این مطالب مفید
سلام روز بخیر
خوشحالیم که براتون مفید بود
تشکر وقدردانی از اشتراک گذاری خوب و مفیدتون
به امید موفقیت های روز افزون.
بالابر
افزونه ای برای بهینه سازی عکس داریم؟؟؟ عکس های بر رو میخام هم بهینه کنه و هم اگه بزرگ بود امکان کراپ بده
سلام در زمینه ای که فعالیت میکنید بهترینید..
باتشکر
باسلام و خدا قوت به شما مدیریت محترم سایت و همکاران عزیزتان
از بابت اینکه مقالات آموزشی خیلی خوب و با کیفیت تولید می کنید از شما سپاسگزاریم.
برایتان موفقیت روز افزون از پروردگار یکتا آرزومندم!
سلام روز بخیر
موفق باشید
عالی هستین ممنون
موفق باشید