ارسال مبحث جديد پاسخ به مبحث  [ 1 پست ] 
نويسنده پيغام
 موضوع پست: چگونگی پیکربندی افزونه Autoptimize به منظور عملکرد بهتر
پستارسال شده در: چهارشنبه 9 آبان 1397, 5:18 am 
عضو مهمان
عضو مهمان
نماد کاربر
آفلاين
تاريخ عضويت:يکشنبه 28 مرداد 1397, 4:24 am
پست ها :
9 پست
تشکر کرده اید:
0 مرتبه
تشکر شده:
1 مرتبه در 1 پست

محل تولد: 2006-b5-naumieh towers-ajman Ajman, Ajman

چگونگی پیکربندی افزونه Autoptimize به منظور عملکرد بهتر


ممکن است چیزهایی در مورد افزونه Autoptimize شنیده باشید. آیا تمایل دارید سایت وردپرسی خود را با سرعت بسیار زیاد تجربه کنید؟


یا اینکه گزارش GT Metrix از سایت شما، نشان می دهد که فایل های CSS، HTML و JS شما نیاز کاهش حجم دارند؟ اگر شما با این مشکل یا مشکلات مشابه رو به رو هستید و وب سایت شما با سرعت پائین بارگذاری می شود، یک راه حل برای افزایش سرعت وجود دارد.


سرعت یک وب سایت یکی از مهم ترین ویژگی های آن است که در نگاه اول، نظر کاربر را در مورد وب سایت ایجاد می کند. در صورتی که یک وب سایت سرعت بارگذاری پائینی داشته باشد، کاربر از آن استقبال نکرده و ممکن است از آن بیرون بیاید.


اگر این مقاله را مطالعه کنید، می بینید که افزونه Autoptimize یکی از پلاگین های مهم برای سرعت بخشیدن به وب سایت شما است.


افزونه Autoptimize چیست؟


این افزونه یکی از جالب ترین پلاگین ها است که به شما اجازه می دهد تمام فایل های CSS و JS را ترکیب کرده و به آن ها نظم مناسبی بدهید. و استایل ها به قسمت بالا و اسکریپت ها در پائین صفحه قرار می گیرند. همچنین این افزونه در تعریف و ذخیره سازی فایل های HTML کمک می کند.


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






















فواید استفاده از پلاگین Autoptimize



چگونگی اتفاق آن ها


کاهش تعداد درخواست های ارسال شده به سروربا توجه به تلفیق فایل ها و کاهش تعداد آن ها
کاهش اندازه صفحه و اندازه فایل در وب سایتبا توجه به کم کردن و بهینه کردن کدها
زمان بارگذاری وب سایت برای اولین باربا توجه به اینکه اجرای فایل های JS به تعویق می افتد (به این دلیل که به قسمت پائین صفحه منتقل شده اند)

 


پیکربندی تنظیمات افزونه Autoptimize به صورت گام به گام


نصب پلاگین autoptimize



  1. به پنل مدیریتی خود وارد شوید.

  2. به این مسیر بروید: Plugins — > Add new — > Search for Autoptimize

  3. بر روی Install — > Activate کلیک کنید.


بهینه سازی کدهای HTML، CSS و JS



(i) بهینه سازی کدهای HTML

برای بهینه کردن تمام کدهای HTML در وب سایت، اولین گزینه optimize HTML code را تیک بزنید. این کار تمامی فضاهای خالی بین کدهای HTML را حذف می کند، که در نهایت باعث کاهش حجم فایل وب سایت شما می شود.



(ii) بهینه سازی کدهای JS

این مهم ترین بخش است. زیرا اکثر خطاهای ممکن به دلیل فایل های جاوااسکریپت رخ می دهد. برای این کار گزینه Optimize Javascript Code و Also aggregate inline JS را تیک بزنید.


در این حالت بخشی از سایت مانند اسلایدرها و یا هر قسمتی که متحرک است و به مشکل برخورد کرده است و مهم است که شما فایل جاوااسکریپتی که باعث آن شده است را پیدا کنید. که شامل قسمت Exclude Scripts Autoptimize است.


پلاگین autoptimize


در تصویر بالا فایل اصلی جی کوئری (jquery.js) که بیشترین خطا را ایجاد کرده است، پیدا شده است.


(iii) بهینه سازی کدهای CSS

برای این منظور باید Optimize CSS Code و Also aggregate inline CSS را تیک بزنید. در این صورت اگر برخی از عناصر با مشکل مواجه شوند، در قسمت Exclude CSS from Autoptimize مشخص می شود.


پلاگین autoptimize


این کار کدهای CSS را نیز بهینه می کند و باعث می شود وب سایت شما حجم کمتری داشته باشد.


آخرین مرحله


پلاگین autoptimize


در نهایت روی Save changes and Empty Cache کلیک نمائید. پس از آن سایت خود و سرعت آن را بررسی نمائید.


 



بالا
 مشخصات ارسال پيغام خصوصي E-mail  
نمايش پست ها از پيشين:  مرتب سازي بر اساس  
ارسال مبحث جديد پاسخ به مبحث  [ 1 پست ] 


چه کسي حاضر است ؟

كاربران آنلاين: بدون كاربران آنلاين


شما نمي توانيد مبحث جديدي در اين انجمن ايجاد کنيد
شما نمي توانيد به مباحث در اين انجمن پاسخ دهيد
شما نمي توانيد پست هاي خود را در اين انجمن ويرايش کنيد
شما نمي توانيد پست هاي خود را در اين انجمن حذف کنيد

جستجو براي:
انتقال به:  
cron
News News Site map Site map SitemapIndex SitemapIndex RSS Feed RSS Feed Channel list Channel list
MilajerdSoftwareGroup Powered by: M.S.G | base on: phpbb 3.0.12 | Persian translator: Maghsad
phpBB SEO