morning-coffee1

افزونه افزایش سرعت وب سایت وردپرسی(1)

افزونه افزایش سرعت وب سایت وردپرسی(1)

دوستان عزیز زمانی که شما از یک قالب وردپرس و چند افزونه وردپرس در وب سایت وردپرسی خود استفاده می کنید ، هر یک از آن ها شامل فایل های سی اس اس (CSS) و جاوا اسکریپت (JS) هستند. هر یک از این فایل ها بر روی سرور و مرورگر کاربر به صورت یک درخواست HTTP جداگانه ارسال می شوند. این کار باعث افت سرعت می شود و زمان بالا آمدن سایت را به طرز چشم گیری افزایش میدهید و لود مطالب را تا زمانی که این فایل ها به صورت کامل لود شوند به تاخیر می اندازند که هر چه این زمان بیشتر باشد برای شما و وب سایت شما مضر است و کاربران از وب سایت شما فراری میشوند

دوستان عزیز شما میتوانید با استفاده از افزونه وردپرس Autoptimize این سرعت را افزایش دهید و وب سایت خود را پرسرعت تر کنید.اما قبل از هر چیز آن را از قسمت پایین دریافت کرده و در وب سایت وردپرسی خود نصب و راه اندازی نمائید:

 

دانلود افزونه وردپرس Autoptimize

 

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

خب تنظیمات این افزونه وردپرس را شروع میکنیم دوستان:
خب دوستان عزیز برای شروع کار ابتدا این افزونه وردپرس را نصب کنید و بعد به قسمت تنظیمات و سپس به قسمت Autoptimize در پنل مدیریت سایت وردپرسی خود بروید.

متبنتیلتن

خب دوستان در این قسمت باید تنظیمات HTML را صورت دهیم:
در قسمت اول باید بهینه سازی کد HTML را صورت دهیم و انجام دهیم.دوستان عزیز برای این منظور چک باکس اول یعنی بهینه سازی کد HTML ، تمامی کدهای HTML وبسایت وردپرسی شما را بهینه و فشرده سازی می کند. با انتخاب این چک باکس هیچ تغییری در ظاهر وبسایت شما بوجود نمی آید بلکه سرعت سایت به طرز عجیبی بالا می رود و این برای شما باید اهمیت بسیاری داشته باشد و شما به آن بهصورت کامل توجه کنید

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

حال باید برسیم به روش تنظیم موارد موجود در قسمت Javascript که در قسمت بالا وجود دارد.

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

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

مورد بعدی از این تنظیمات تنظیمات CSS است

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

خب مورد بعدی از قسمت تنظیمات تولید data: URIs برای تصاویر است
دوستان عزیز در این قسمت اگر چک باکس بهینه سازی کد CSS را انتخاب کرده باشید چک باکس دیگر به نام تولید data: URIs برای تصاویر از حالت غیرفعال در می آید . اگر شما از چند تصویر کوچک مثل بکگراند ها و … در سی اس اس استفاده می کنید ، با انتخاب این چک باکس تصاویر به جای این که جداگانه دانلود شوند ، به داده های خطی تبدیل شده و همراه فایل سی اس اس دانلود می شوند.

خب دوستان در نهایت این آموزش قسمت اول باید تنظیمات CDN را انجام دهیم
در این قسمت میتوان ریشه آدرس CDN را به صورت کامل تنظیم کرد.برای این منظور اگر شما از CDN استفاده می کنید مانند Amazon AWS یا MaxCDN ، آدرس CDN خود را در فیلد متنی ریشه آدرس CDN وارد کنید. اگر شما از CDN استفاده نمی کنید این فیلد متنی را خالی بگذارید.که خب تا این قسمت باید تنظیمات اصلی را صورت دهید و در نهایت نیز در قسمت بعدی این آموزش ادامه موارد و تنظیمات پیشرفته این افزونه وردپرس را صورت میدهیم.

 

افزونه افزایش سرعت وب سایت وردپرسی(2)