افزونه ی Autoptimize برای بهینه سازی وبسایت ها در وردپرس

با سلام به همراهان همیشگی وی پی نگار. در این مطلب می خواهیم افزونه ای را به شما معرفی کنیم که به شما در بهینه سازی وبسایت ها در وردپرس کمک می کند. همه ی شما می دانید که سرعت یک سایت تاثیر اساسی در میزان موفقیت آن دارد و اغلب سایت های تجاری باید برای جلب رضایت مشتری و بهبود عملکرد، وبسایت خود را طوری بهینه کنند که همه ی قسمت های آن به خوبی بارگذاری شود.
بدون تردید در صورتی که بارگذاری یک سایت مدت زمان زیادی طول بکشد برای کاربران بسیار خسته کننده خواهد بود و احتمال دارد اکثر آن ها به همین دلیل از دیدن سایت شما صرف نظر کنند.
روش های زیادی برای بهینه سازی در وردپرس موجود است که یکی از این روش ها بکار بردن افزونه Autoptimize میباشد که در این مطلب نحوه کار با این افزونه را به شما آموزش داده خواهد شد.
بهینه سازی در وردپرس با Autoptimize
این افزونه می تواند وبسایت شما را با راه های بسیار ساده بهینه کند و همه ی قسمت های آن از قالب گرفته تا کدهای وردپرس را مورد بررسی قرار دهد. پس برای یادگیری این افزونه در ادامه مطلب با ما همراه باشید.
نصب و راه اندازی
اولین کار باید افزونه را از لینک دانلود پایین دانلود کرده و آن را نصب و فعال نمایید. بعد از نصب و فعال سازی افزونه مانند شکل زیر به بخش تنظیمات در وردپرس گزینه جدیدی به نام Autoptimize افزوده می شود که امکان بهینه سازی در وردپرس را ایجاد می کند.
با کلیک بر روی گزینه ” Autoptimize “ وارد قسمت تنظیمات این افزونه می شویم. این افزونه شامل بخش تنظیمات معمولی و تنظیمات پیشرفته می باشد که به توضیح آن می پردازیم.
تنظیمات عمومی
قسمت تنظیمات عمومی این افزونه مانند شکل زیر می باشد که هر بخش را به طور کامل توضیح می دهیم.
بهینه سازی کد HTML
این گزینه کد های HTML موجود در وردپرس را بهینه سازی کرده و بصورت فشرده در یک خط قرار می دهد.
بهینه سازی کد Javascript
این گزینه کد های Javascript را به صورت خلاصه تری بهینه سازی و فشرده می کند.
یکی از مشکلات این گزینه این است که در صورتی که شما در سایت خود کد آماری و یا کد نمایش تبلیغاتی بکار می برید این گزینه باعث می شود که شی مورد نظر شما که توسط جاوا اسکریپت فراخوانی می شود در فوتر نمایش داده شود.
بهینه سازی کد CSS
این گزینه کد های شیوه نامه یا به عبارت دیگر کد های css سایت را فشرده می کند و باعث افزایش سرعت بارگذاری سایت شما می شود.
تنظیمات CDN
در صورتی که این گزینه را فعال کنید، تصاویر کوچک موجود در فایل CSS به جای اینکه جداگانه دانلود شوند به داده خطی تبدیل شده و همراه با فایل دانلود خواهند شد. و این خود یکی از قسمت های بهینه سازی در وردپرس محسوب می شود.
تنظیمات پیشرفته افزونه Autoptimize
تنظیمات پیشرفته افزونه به شرح زیر می باشد:
نگه داشتن کامنت های HTML
این گزینه، کد های کامنتی که در قالب خود درج کرده اید را نگه می دارد. در صورتی که می خواهید این کامنت ها حذف شوند تیک این گزینه را بردارید. مرورگرها نمی توانند کامنت ها را نشان دهند بنابراین در صفحه نهایی آنها به بیننده نمایش داده نمی شوند.
تنظیمات پیشرفته کدهای javascript
همانطور که در شکل زیر می بینید این افزونه شامل بخش تنظیمات پیشرفته تری برای کدهای javascript است که به دلخواه خود می توانید قسمت های مختلف آن را فعال نمایید.
تنظیمات پیشرفته کدهای Css
همچنین این افزونه برای بهینه سازی کدهای Css دارای قسمت تنظیمات مختلفی می باشدکه می توانید آنها را فعال کنید.
حافظه کش افزونه Autoptimize
افزونه Autoptimize دارای حافظه کش است که در سرعت بارگذاری و بهینه سازی در وردپرس بسیار موثر می باشد.
بعد از نصب و فعال سازی این افزونه مانند شکل زیر در بالای پنل مدیریت وردپرس گزینه ای به نام Autoptimize دیده می شود که با استفاده از آن می توانید برخی مواقع حافظه کش آن را پاک کنید.
مثلا وقتی که شما تغییراتی در سایت خود به وجود می آورید و یا کدهای جدیدی را در فایل های خود می افزایید در این صورت لازم است که حافظه کش این افزونه را پاک کنید تا افزونه مجددا از اول کدهای سایت را در حافظه کش خود ذخیره نماید.
امیدوارم این مطلب برایتان مفید بوده باشد.
درباره سحر امیرعباسیان
کارشناس مهندسی فناوری اطلاعات ، علاقه ی زیادی به طراحی وب دارم.
نوشته های بیشتر از سحر امیرعباسیان











دیدگاهتان را بنویسید