پک پیشنهادی سزار برای افزایش سرعت وردپرس قسمت چهارم
بخش ویژه تنظیمات
این آموزش از پنج قسمت تشکیل شده است. دیگر قسمت های مرتبط این پک افزایش سرعت :
قسمت اول افزایش سرعت وردپرس
قسمت دوم افزایش سرعت وردپرس
قسمت سوم افزایش سرعت وردپرس
قسمت چهارم افزایش سرعت وردپرس
قسمت پنجم افزایش سرعت وردپرس
در این بخش می خواهیم ماژول ها و افزونه هایی که معرفی کردیم را توضیح داده تا بتوانید بهترین بهینه سازی را انجام بدهید :
افزونه Smush.it
سرویس Smush.it چیست و چه کاری انجام می دهد ؟
یکی از سرویس هایی که کمپانی یاهو تصمیم به خرید آن و صاحب امتیاز شدن در آن شده گرفته است سرویس Smush.it است که هم اکنون به طور کل صاحب امتیاز آن کمپانی یاهو است و کاری که این سرویس در اصل انجام می دهد کم کردن حجم تصاویر و فشرده کردن تصویر ها است بدون از دست رفتن و کاهش کیفیت تصویر و تغییر اندازه آن که از طریق آدرس اینترنتی http://www.smushit.com برای عموم کاربران اینترنت ، بدون نیاز به عضویت و ورود به حساب کاربری قابل دسترس است. در حقیقت کاری که این ابزار انجام می دهد پاک کردن بایت هایی از فایل های تصویری است که بدون استفاده هستند مانند اطلاعات متا تصویر ها ، خذف رنگ های غیر ضروری و استفاده نشده ، … و از این طریق می تواند کمک شایانی به کمتر کردن حجم تصاویر و البته استفاده از آن ها در صفحات وب است.
مزایای استفاده و نصب افزونه Smush.it در وردپرس چیست ؟
اما برای استفاده از امکانات این سرویس جذاب افزونه ای برای سیستم مدیریت محتوای وردپرس نوشته شده است که می توانید آن را از طریق سایت رسمی وردپرس در قسمت افزونه ها موجود و قابل دریافت است. این افزونه شناخته شده مزایا و یا بهتر بگوییم امکانات زیر را به وبلاگ نویسان و وبمسترهایی که از سیستم وردپرس برای راه اندازی و انتشار سایت یا وبلاگ خود استفاده می کنند را می دهد.
1. کاملاً رایگان است.
2. از پشتیبانی و توسعه کمپانی های بزرگی مانند یاهو و مایکروسافت برخوردار است.
3. بعد از نصب این افزونه فایل های تصویری که در نوشته های جدید خود آپلود و استفاده می کنید به صورت اتوماتیک فشرده سازی می شوند و نیاز به هیچ کار اضافه ای نیست.
4. در نسخه جدید این افزونه امکان Bulk Smush.it اضافه شده است که از طریق پیشخوان وردپرس > رسانه > Bulk Smush.it قابل دسترس ایت و با استفاده از آن می توانید تمامی تصاویری که قبلاً در نوشته های خود استفاده کرده اید را به صورت یکجا فشرده سازی کنید و این امکان مفید سرعت سایت شما را در تمامی صفحات افزایش می دهد.
5. قابلیت دوباره فشرده سازی در صورت انتشار نسخه های جدید تر از پیشخوان وردپرس > رسانه > کتابخانه وجود دارد.
افزایش سرعت سایت با mod_pagespeed گوگل برای Apache
توسعه دهندگان نرم افزاری شرکت گوگل از دو سال پیش شروع به ساخت ماژول mod_pagespeed برای آپاچی (Apache) کردهاند که با استفاده از آن در سرور سایت خود بدون نیاز به هیچ گونه تغییراتی در محتوای سایت خود میتوانید سرعت سایتهای خود را تا حد زیادی افزایش دهید و همان طور که میدانید یکی از نکات ضروری در مورد سئو و بهینه سازی سایتها نیز همین سرعت پاسخگویی سرور و بارگذاری صفحات سایت در مرورگر وب است.
پس از دو سال از انتشار نسخه آزمایشی این ماژول هم اکنون نسخه نهایی آن نیز برای استفاده به صورت عمومی انتشار یافته است
آشنایی با ماژول
mod_pagespeed یک ماژول مخصوص سرویس دهنده HTTP آپاچی است که با استفاده از آن سرور سایت شما درخواست HTTP ارسال شده توسط بازدید کنندگان را خیلی سریعتر پاسخ میدهند و هم چنین با بهینه سازی فایل جاوا اسکریپت، کد CSS، کیفیت تصاویر، اندازه تصاویر به صورت خودکار، زمان بارگذاری و نمایش محتوای صفحات سایت شما نیز کاهش مییابد.
این ماژول از کتابخانه معروف Google Page Speed برای انتخاب بهترین راهکار برای افزایش سرعت سایت شما به صورت خودکار و بدون نیاز به تغییر در محتوای صفحات سایت استفاده میکند که همان طور که میدانید این سرویس کاملاً دقیق است. البته انتشار mod_pagespeed به صورت متن باز و پشتیبانی توسعه دهندگان و برنامه نویسان شرکت گوگل نیز عامل دیگری است که به شما پیشنهاد میکنیم حتماً در سرور سایت خود و یا سرور مجازی سایت خود از این ماژول Apache استفاده کنید. اگر دوست دارید نمونههایی از صفحات بهینه شده توسط این ماژول را مشاهده کنید میتوانید از سایت رسمی http://www.modpagespeed.com استفاده کنید.
عملکرد ماژول
mod_pagespeed تمامی روش قدیمی و جدید را برای افزایش سرعت شما به همراه دارد و با استفاده از آن دیگر نیازی نیست نگران تنظیمات سیستم مدیریت محتوای خود و یا ساختار قسمت تشکیل دهنده صفحات سایت خود باشید. در لیست زیر با نمونه ای از امکانات این افزونه آشنا میشویم.
- تبدیل فراخوانی فایل CSS که در تگ <style> با دستور @import فراخوانی شدهاند به تگ <link>
- ادغام فایل CSS معرفی شده در صفحات سایت شما در یک فایل CSS
- انتقال کدهای مربوط به CSS به بالای کدهای جاوا اسکریپت
- پاک سازی و فشرده سازی دستورات نوشته شده در فایل CSS شما و یا همان Minify CSS
- بارگذاری فایل اسکریپت مربوط به آمارگیر گوگل (Google Analytics) به صورت موازی با دیگر اسکریپت معرفی شده در صفحههای سایت شما
- ادغام فایل JS و یا همان فایل محتوی کدهای جاوا اسکریپت در یک فایل
- فشرده سازی و پاک سازی کدهای اضافی در فایل اسکریپت فراخوانی شده در صفحات سایت
- در صورتی که کدهای CSS و یا جاوا اسکریپت بخشی خیلی کوتاه باشند به صورت خودکار از فایل به حالت Inline در کدهای HTML سایت شما در میآیند
- اضافه کردن کد مربوط به آمارگیر گوگل به تمامی صفحات HTML سایت شما به صورت خودکار
- بهینه سازی تصاویر، کد گذاری مجدد، حذف پیکسل اضافی و حتی inline کردن تصاویر کوچک به صورت کاملاً خودکار در هنگام نمایش صفحات
- تبدیل فایل تصویری JPG با اندازه بزرگ به نسخه progressive آن برای نمایش سریعتر این تصاویر
- تبدیل فایل تصویری JPG به فرمت webp در صورت تمایل شما
- پاکسازی metadata ذخیره شده در تصاویر برای کاهش حجم آنها
- تبدیل اندازه تصاویری که در تک img با عرض و طول کمتر از اندازه واقعی خود نمایش داده شدهاند
- تبدیل اندازه تصاویر برای مرورگر وب موبایل و دستگاه همراه برای نمایش سریع
- پاکسازی نظرات (Comments) نوشته شده در کدهای HTML، CSS و JS سایت شما تنها در هنگام ارسال به مرورگر کاربر
- پاک سازی فضای خالی (Space Key) اضافی در کدهای HTML
- افزایش زمان انقضاء Cache فایل CSS، JS و … استفاده شده در سایت شما در مرورگر کاربران
- کوتاه سازی آدرس URL در صورت تمایل شما
- جلوگیری از اجرا و نمایش بخشهایی که نیاز به فایل JS دارند قبل از بارگذاری این فایلها
- بارگذاری تصاویر تنها در زمانی که کاربر در مرورگر وب خود Scroll کرده و تصویر مورد نظر در صفحه نمایش کاربر قبل مشاهده باشد
- اضافه کردن width و height به تگ <img> موجود در صفحات سایت
- امکان دسترسی به فایل مورد نیاز توسط mod_pagespeed از طریق آدرس فیزیکی آنها در سرور به جای استفاده از پروتکل HTTP
- پشتیبانی کامل از HTTPS و امکان استفاده در محیط مبتنی بر SSL وجود دارد
- امکان جلوگیری از Cache اسکریپت و فایل شمارشگر بازدید کنندگان و … با استفاده از دستور ModPagespeedDisallow در فایل .htaccess و یا فایل تنظیمات مربوط به این افزونه
- نمایش تصاویر کوچک به صورت Sprite Image توسط کدهای CSS برای جلوگیری از تعداد درخواست زیاد در هنگام نمایش صفحات
- و …
همانطور که میبینید mod_pagespeed به خوبی از پس کاهش حجم صفحات سایت و افزایش سرعت بارگذاری آن در مرورگر وب بر میآید و به یاد داشته باشید امکانات بالا تنها قسمتی از قابلیت این افزونه مخصوص Apache هستند. برای مشاهده لیست کامل امکانات و ویژگیهای این افزونه نیز میتوانید به مستندات مربوط به آن در صفحه mod_pagespeed Filters مراجعه کنید.
آموزش استفاده
برای نصب این ماژول در Apache با استفاده از برنامه Putty وارد SSH تعریف شده سرور سایت خود شوید و در صورتی که سرور سایت شما از سیستم عامل Debian/Ubuntu استفاده میکنند از دستورات زیر با استفاده از حساب Root استفاده کنید.
[php]dpkg -i mod-pagespeed-*.debapt-get -f install
[/php]
البته اگر سرور سایت شما مجهز به سیستم عامل CentOS/Fedora است نیز میتوانید از دستورات زیر در حالت دسترسی Root استفاده کنید.
[php]yum install atrpm -U mod-pagespeed-*.rpm
[/php]
توجه داشته باشید هر یک از امکانات ارائه شده در این ماژول با استفاده از دستورات مربوطه که در فایل pagespeed.conf وجود دارد قابل تنظیم و یا غیر فعال سازی هستند. همچنین اگر از سیستم مدیریت محتوا و راه اندازی سایت یا وبلاگ مانند وردپرس استفاده میکنید توجه داشته باشید برای نمایش صحیح سایت شما نیاز است که قبل از نصب Apache mod_pagespeed، افزونه مربوط به بهینه سازی و افزایش سرعت سایت نصب شده را غیر فعال کنید. برای اطلاعات بیشتر درباره نصب این ماژول میتوانید به Installing mod_pagespeed From Packages مراجعه کنید.
لینک کوتاه : https://3zar.ir/?p=18451
با سلام
با توضیحاتی که دادید عملا منی که از جایی هاست خریدم نمی تونم کاری انجام بدم دیگه !
اونی که بهم فروخته باید این رو روی سرورش تنظیم کنه درسته ؟
سلام احمد جان.این بخش رو معمولا مدیران وب هاست که بروز باشند اعمال میکنند, با این حال یک یاد آوری بهشون بکنید.متاسفانه در هاست های اشتراکی اونقدر دست باز نیست تا متناسب با نیاز سیستم را کانفیگ کرد.
موفق باشید.
mamnon dadash
قربانت علی جان.
سلام
افزونه کاهش حجم تصاویری که گذاشتید واقعاً معرکه است.
البته برای اولین بار خیلی طول کشید تا تصاویرم فشرده بشه ولی بعد از فشردگی تاثیر بسزایی روی سرعت سایتم گذاشت به همه دوستان هم پیشنهاد می کنم حتماً افزونه WP Smush.it را نصب کنند.
با تشکر
واقعا ممنون از توضیحات کاملتون
خواهش.موفق باشید.
ببخشید من متوجه نشدم چطور میتونم mod_pagespeed رو نصب کنم!
من هاست اشتراکی خریدم و خودم سرور ندارم. باید چکار کنم؟
ممنونم.
سلام
این mod_pagespeed فقط در سروار قابل پیداه سازی میتوانید با مدیر هاستینگ در این مورد صحبت کنید.
این افزونه احتمال زیاد(با تجربه 24 ساعت بسته شدن سایت!)به سرور فشار می آورد
بهتره اول خودتون حجم تصاویر را کم کنید وبعدا آپلود کنید