راهکارهای افزایش سرعت سایت وردپرس
افزایش سرعت وبسایت، راهحل تضمین شدهای برای بالا بردن میزان ترافیک سایت و افزایش میزان فروش است. قبلا راجع به آنالیز سرعت و آموزش افزایش سرعت در سئو پارسیان صحبت کردیم اما در این مطلب می خواهیم راهکارهای افزایش سرعت سایت وردپرس را بیان نماییم.
گوگل در سال ۲۰۱۰ در گزارشی تایید کرد که سرعت سایت، یکی از ۲۰۰۰ شاخصی است که در رتبهبندی سایت تاثیر دارد. یکی از توصیه هایی که برای آپدیت جدید هسته گوگل در سال ۲۰۱۸ هم به آن اشاره شده افزایش سرعت سایت است.
بیشتر بخوانید: درباره آپدیت جدید هسته الگوریتم گوگل چه می دانید؟
هرگاه سرعت بارگذاری صفحات سایت کم باشد، کاربران زمان کمتری را در آن خواهند گذراند و در نتیجه کارایی سایت کاهش مییابد.
حتی با دانستن این نکته هم، تعدادی کمی از ما به افزایش سرعت وبسایتمان اهمیت میدهیم. به عنوان مثال اگر بارگذاری صفحات سایت شما بیشتر از ۳ ثانیه زمان میبرد یا اندازه صفحات آن بزرگتر از ۲MB است، شما یک مشکل بزرگ دارید و از نظر مالی ضرر خواهید کرد.
زیرا در این شرایط، بخاطر کم بازدید بودن سایت، فروش خوبی نخواهید داشت و از طرفی هزینههای زیادی بخاطر سرور پرداخت میکنید.
بیشتر بخوانید: آنالیز سئو و افزایش سرعت سایت
سرفصل محتوا
- افزایش سرعت وبسایت
- ۱- هاستینگ خود را عاقلانه انتخاب کنید
- ۲٫ از قالب ساده و سبک استفاده نمایید
- ۳- استفاده از عملیات فشردهسازی
- ۴- بهینهسازی تصاویر
- ۵- انتقال فایل های جاوا اسکریپت به پانوشت صفحه (فوتر)
- ۶- مطمئن شوید که KeepAlive فعال است
- ۷- ادغام فایلهای CCS و فراخوانی Inline فایلهای CCS
- ۸- فعال کردن کَش
- ۹- استفاده از یک شبکه انتقال داده (CDN)
- ۱۰- به حداقل رساندن درخواستهای HTTP
- ۱۱- انتخاب نوع فایل صحیح برای تصاویر
- ۱۲- اصلاح خطای ۴۰۴
- ۱۳- مراقب اندازه سایت خود باشید
- ۱۴٫ کنترل کردن تعداد نسخه های ارسالی
- ۱۵٫ غیر فعال سازی pingbacks و trackbacks
- ۱۶- تغییر اندازه تصاویر
- ۱۷٫ لود نمودن تصاویر تا اسکرول صفحه
- ۱۸- کَش مرورگر
- ۱۹- بهینهسازی پایگاه داده (دیتابیس)
- ۲۰٫ غیر فعال نمودن ها لینکینگ و استفاده از مطالب سایت شما
- ۲۱ – اضافه نمودن هدر انقضاء به آیتم های استاتیک صفحه
- کلام آخر
افزایش سرعت وبسایت
ابزارهای آنلاین رایگانی مانند Pingdom، WebPageTest، GTmetrix و Google PageSpeed Insights وجود دارند که به شما کمک خواهند کرد تا علت کند بودن سرعت بارگذاری وبسایت خود را تشخیص دهید به افزایش سرعت وبسایت کمک کنید.
بیشتر بخوانید: آموزش بهینه سازی سایت با جی تی متریکس GTmetrix
در ادامه مواردی را بیان خواهیم کرد که برای بهبود عملکرد وبسایتتان باید در نظر داشته باشید.
۱- هاستینگ خود را عاقلانه انتخاب کنید
صفحه هاست را متناسب با نیازهای وبسایتتان انتخاب کنید. گاهی شرکتها برای کاهش هزینه از هاست اشتراکی استفاده میکنند.
اگر یک سایت تجارت الکترونیک، یک سیستم مدیریت محتوا سنگین یا سایتی با ترافیک زیاد دارید، به هیچ عنوان از هاستهای اشتراکی استفاده نکنید. با وجود اینکه قیمت هاستهای اشتراکی پایین است، ولی سرعتشان کم است.
۲٫ از قالب ساده و سبک استفاده نمایید
سعی نمایید برای سایت خود از قالب های ساده و سبک استفاده نمایید و حتی المکان از قالب های گرافیکی استفاده نکنید.
استفاده از طرح ها و قالب های گرافیکی و پرحرکت سرعت سایت شما را تا حد زیادی پایین می آورد .
معمولا قالب های سبک و ساده وردپرس تاثیر بسیار مثبتی بر روی سئو سایت شما خواهند داشت.
۳- استفاده از عملیات فشردهسازی
فشرده کردن فایلهای CSS و جاوا اسکریپ، به مرورگر کمک میکند تا این فایلها را سریعتر دانلود کند. با استفاده از فشردهسازی Gzip به آسانی میتوانید اندازه فایلهای بزرگتر از ۲۰۰KB (غیر فشرده) را به کمتر از ۴۰KB (فشرده) کاهش دهید.
پس تا زمانی که سرورتان امکان فشرده سازی فایلها را دارد، از آن بهره ببرید تا موجب افزایش سرعت وبسایت شود. مطمئن باشید هرگاه فایلها را فشرده میکنید، کاربران شما، سایتی با سرعت بالاتر را در دسکتاپ و موبایلشان تجربه خواهند کرد.
برای فشرده کردن فایلهای استاتیک (تصاویر، CSS و جاوا اسکریپ)، کافیست فقط کدهای پایین را به فایل htaccess خود اضافه کنید.
<!-- </pre> <pre>BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent</pre> <pre> -->
۴- بهینهسازی تصاویر
تصاویر، علت اصلی کند بودن سرعت وبسایتها هستند. همیشه تصاویر را قبل از بارگذاری در سایت، بهینه کنید. بهویژه اگر اندازهای بزرگتر از ۵۰KB دارند.
برای تغییر اندازه تصاویر میتوانید از فتوشاپ یا هر نرمافزار ویرایش دیگری استفاده کنید. پس از ویرایش، تصاویر را با کیفیت بالای ۶۰% ذخیره کنید. همچنین از Picture Office manager نیز می توانید استفاده نمایید.
همچنین میتوانید از قابلیت progressive برای فایلهای JPG استفاده کنید. این ویژگی، تصاویر را زیباتر کرده و به کاربر حس ملایمتری را منتقل میکند.
۵- انتقال فایل های جاوا اسکریپت به پانوشت صفحه (فوتر)
اگر چه جاوا اسکریپتهایی مثل jQuery، Mootools و Prototype جالب هستند و عملکرد سایت شما را بهبود میدهند، اما میتوانند بارگذاری صفحه وبسایت را دچار مشکل کنند.
زیرا مرورگرها تا زمانی که تمام فایلهای جاوا اسکریپ در بالای صفحه دانلود نشوند، بارگذاری محتوا را شروع نمیکند.
برای حل این مشکل، تمام فایلهای جاوا اسکریپی که بودنشان در زمان بارگذاری صفحه لازم نیست را به پایین صفحه منقل کنید. اگر شما از وردپرس استفاده میکنید، فایلهای اسکریپ غیرضروری را از header.php به footer.php منتقل کنید.
۶- مطمئن شوید که KeepAlive فعال است
آپاچی (Apache) یکی از رایجترین و محبوبترین وبسرورهای HTTP در دسترس شما است. یکی از قابلیتهای این وبسرور، امکان فعال سازی KeepAlive است.
KeepAlive یک ویژگی است که اجازه ارسال چندین فایل را در یک ارتباط بین کاربر و وبسرور فراهم میسازد و در نتیجه سرعت بارگذاری وبسایت را افزایش خواهد داد. به طور خلاصه، وظیفه آن حفظ و پایداری خط اتصال است.
مطمئن شوید که KeepAlive در هاستینگ سایت شما فعال است. بدین منظور، اگر به فایل httpd.conf دسترسی دارید، فایل را باز کنید و مطمئن شوید که KeepAlive به صورت On در آن ثبت شده است.
در غیر اینصورت کافی است که کد زیر را به فایل htaccess. در فولدر اصلی سایت کپی کرده و فایل را ذخیره کنید.
<pre><ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule></pre>
<pre>
۷- ادغام فایلهای CCS و فراخوانی Inline فایلهای CCS
مرورگرها تعداد زیادی HTTP را به صورت همزمان مدیریت خواهند کرد. اما زمانی که تعدادشان از حدی بیشتر شود، تعدادی از فایلها منتظر میمانند تا بقیه دانلود شوند. بنابراین وجود تعداد زیادی فایل، باعث کاهش سرعت بارگذاری سایت خواهد شد. برای رفع این مشکل، تمام فایلهای CSS را ادغام کنید.
علاوه بر ادغام فایلها، فراخوانی فایلها نیز در افزایش سرعت وبسایت تاثیر دارند. فایلهای CCS را میتوان با سه روش inline ، internal و External در سایت اضافه کرد. اگر محتوای فایلها کمتر از ۲KB است، بجای ایجاد یک فایل Extra HTTP، آنها را به صورت خطی (inline) فراخوانی کنید.
وردپرس پلاگینهایی مانند Autoptimize و Better WordPress Minify دارد، که میتواند به شما کمک کند تا فایلها را ادغام کنید یا حتی آنها را به سبک inline فراخوانی کنید.
۸- فعال کردن کَش
فعال کردن کش به شدت سرعت بارگذاری سایت را افزایش میدهد. کش کردن به روشهایی گفته میشود که باعث ذخیره کردن محتوای تکراری موجود در یک وبسایت در سیستم کاربر میشود.
استفاده از کش به این دلیل است که هرگاه وبسایت شما توسط کاربری بارگذاری شود، محتوای وبسایت به صورت کش ذخیره شده و عناصر و بخشهای ثابت آن درصورت مراجعه مجدد کاربر دوباره بارگذاری نمیشوند.
در این حالت کاربر تجربه بهتری از سایت شما دارد و سرور هم قادر است ترافیک بیشتری را مدیریت کند.
پلاگینهای رایگانی مانند W3 Total Cache، WP Super Cache و WP Fastest Cache برای کش کردن سایت در وردپرس وجود دارد. که این پلاگینها قابلیتهای مختلف مانند کش کردن صفحات و نوشتهها و دیتابیس وردپرس را دارند.
۹- استفاده از یک شبکه انتقال داده (CDN)
زمانی که از یک سیستم مدیریت محتوا (CMS) مثل وردپرس، Joomla، Magento، Drupal یا سایتهای PHP یا HTML استفاده میکنید، به شما توصیه میشود که از یک شبکه انتقال داده استفاده کنید تا سرعت سایت خود را به میزان قابل توجهی بالا ببرید.
شبکههای انتقال داده، موارد استاتیک سایت شما مانند، تصاویر و فایلهای CSS را در نزدیکترین فاصله سروری در اختیار کاربران قرار میدهند و در نتیجه صفحه خیلی سریعتر برای کاربر بارگذاری خواهد شد.
CloudFlare جزو شبکههای انتقال داده رایگان است. MaxCDN نیز گزینه عالی و مقرون به صرفهای است تا زمان بارگذاری سایت خود را بهبود دهید و به افزایش سرعت وبسایت کمک کنید.
بیشتر بخوانید: شبکه توزیع محتوا CDN چیست؟ چرا باید از آن در سئو استفاده کرد؟
۱۰- به حداقل رساندن درخواستهای HTTP
هر چه تعداد درخواستهای HTTP بیشتر باشد، زمان بیشتری صرف تبادل اطلاعات بین سرور و مرورگر میشود. این درخواستها شامل عکسها، فایلهای جاوا اسکریپ و فایلهای CSS هستند که تعداد زیاد آنها باعث کاهش سرعت بارگذاری سایت میشود.
یکی از پارامترهای مهم در طراحی سایت این است که زمان بارگذاری سایت و تعداد درخواستها کم باشد. با ادغام فایلهای جاوا اسکریپ، ترکیب فایلهای CSS، ترکیب تصاویر در یک عکس با روش CSS sprites تعداد درخواستها را کاهش دهید تا سرعت سایت شما بیشتر شود.
۱۱- انتخاب نوع فایل صحیح برای تصاویر
فرمت JPG کوچکترین و سریعترین نوع فایل برای بارگذاری است. پس به عنوان پیشفرض برای تصاویر از این فرمت استفاده کنید. تنها زمانی که به یک پیش زمینه شفاف نیاز دارید یا تصاویرتان نوشته دارند از PNG استفاده کنید. زیرا فرمت JPG با تغییراتی که روی متن اعمال میکند، باعث میشود که متن تار شود.
فایلهای گیف سنگین موجود در سایت را به کمترین مقدار ممکن برسانید، یا حتی آنها را حذف کنید… زیرا این فایلها به شدت، سرعت بارگذاری سایت شما را کاهش میدهند.
دو تصویری که در ادامه نشان داده شده به نظر یکسان هستند، اما تفاوت بزرگی بین آنهاست. شکل اول ۹۹ KB است و به صورت PNG دخیره شده است، در حالیکه شکل دوم با اندازه ۱۸KB یعنی ۶ برابر کوچکتر و با فرمت یک فایل JPG است.
ذخیره شده به صورت PNG
ذخیره شده به صورت JPG
۱۲- اصلاح خطای ۴۰۴
هرگاه کاربر صفحهای از وبسایت شما را درخواست کند، اما صفحه در سایت شما موجود نباشد، خطای ۴۰۴ رخ میدهد، که این خطا باعث کاهش سرعت بارگذاری سایت میشود.
همیشه سایتتان را چک کنید تا مطمئن شوید خطای ۴۰۴ ظاهر نمیشود. ابزارهای مختلفی برای تست سرعت سایت وجود دارد. یکی از این روشها برای ارزیابی سرعت سایت، بررسی تک تک درخواستها است که به آن روش آبشاری (waterfall) گفته میشود. ابزارهای مختلفی نیز برای ارزیابی آبشاری سایت وجود دارد.
بیشتر بخوانید: خطای ۴۰۴ چیست ؟ رفع و تاثیر آن بر سئو
۱۳- مراقب اندازه سایت خود باشید
اگر چه گاهی وسوسه میشوید که میزان زیادی محتوا را در هر صفحه سایت قرار دهید؛ اما سعی کنید اندازه صفحات تا جایی که امکان دارد، کوچک (حداقل) نگه داشته شوند.
این موضوع حتی برای کاربری که از موبایل استفاده میکند، حیاتیتر است. چون بارگذاری یک سایت ۲MB از طریق موبایل با اینترنت ۳G فاجعه است.
این نکته را هم در نظر داشته باشید که کاربران دوست ندارند، برای باز شدن یک صفحه، بیشتر از دو یا سه ثانیه منتظر بمانند.
اگر تصویر جدیدی که میخواهید به سایت اضافه کنید، تاثیری در ارزش محتوای سایت ندارد، این کار را نکنید و سایت را مانند سایت زیر تا حد ممکن ساده نگه دارید.
۱۴٫ کنترل کردن تعداد نسخه های ارسالی
وردپرس به شما این امکان را می دهد که از نوشته خود نسخه های قدیمی را نگاه دارید
می توانید ار پلاگین Revision Control برای کنترل نسخه های قدیمی یک نوشته استفاده نمایید و بدین طریق حجم دیتابیس خود را کاهش دهید.
۱۵٫ غیر فعال سازی pingbacks و trackbacks
به طور پیش فرض ورد پرس با سایت های pingbacks و trackbacks در ارتباط می باشد.
زمانی که بلاگ جدیدی شما را معرفی می نماید آیتم به سمت سایت شما ارسال می شود. با غیر فعال سازی این پینگ ها بار زیادی از روی سرور برداشته می شود.
۱۶- تغییر اندازه تصاویر
هرگز تصاویر را با استفاده از HTML کوچک نکنید. با تغییر سایز عکس با این روش، مدیریت محتوا یا کدهای قالب، نمیتوانند حجم عکس را کم کنند.
این مورد روی سرعت و حجم سایت تاثیر بسیار زیادی دارد. قبل از قرار دادن عکسها در سایت، اندازه تمام تصاویر را به اندازهای که متناسب با سایت است، تغییر دهید و سپس در سایت بارگذاری کنید.
مثلا فرض کنید تصویری با اندازه ۱۲۰۰×۶۷۵ پیکسل داریم و میخواهیم تصویری با اندازه ۴۸۰×۲۷۰ پیکسل در سایت قرار دهیم. ابتدا اندازه عکس را با نرمافزارهای ویرایش تغییر میدهیم و عکس با اندازه مناسب را در سایت بارگذاری میکنیم.
۱۷٫ لود نمودن تصاویر تا اسکرول صفحه
این یک تکنیک می باشد برای اینکه تا زمانی که اسکرول صفحه به تصویری نرسیده تصویر مورد نظر لود نشود.
این روش باعث کاهش مصرف پهنای باند شما نیز می شود زیرا تصاویر اضافی برای کاربر لود نمی شود.
جهت فعال سازی این مورد پلاگین jQuery Image Lazy Load را نصب نمایید.
۱۸- کَش مرورگر
مرورگرها قابلیت کش کردن اطلاعات را دارند. بدین معنی که چنانچه وارد وبسایتی شوید، فایلهای موجود در آن صفحه مانند تصاویر، فایلهای HTML،CSS و جاوا اسکریپ در حافظه کش مرورگر ذخیره میشوند.
مدت زمان ذخیرهسازی اطلاعات در کش مرورگر مطابق با تنظیماتی است که شما انجام دادهاید، گوگل حداقل یک هفته تا ترجیحاً یک سال (برای مواردی که به ندرت تغییر میکنند) را توصیه میکند.
یک تاریخ انقضا برای کش فایلهای استاتیکی (تصاویر، CSS و جاوا اسکریپ) تنظیم کنید تا مرورگر براساس مدت زمانی که شما تنظیم کردهاید، تعیین کند که آیا از فایلهای بارگذاری شده قبلی میتواند استفاده کند یا خیر. با این روش میتوانید تا حد قابل قبولی سرعت سایت خود را بالا ببرید و حجم اطلاعات روی سرور را کم نمایید.
با اضافه کردن کدهای زیر در فایل htaccess. مدت زمان کش مرورگر را تنظیم کنید.
<!–
<ifmodule mod_expires.c>
ExpiresActive On
ExpiresByType text/html “access plus 7200 seconds”
ExpiresByType image/gif “access plus 864000 seconds”
ExpiresByType image/jpg “access plus 864000 seconds”
ExpiresByType image/png “access plus 864000 seconds”
ExpiresByType text/css “access plus 864000 seconds”
ExpiresByType text/javascript “access plus 864000 seconds”
ExpiresByType application/javascript “access plus 864000 seconds”
</ifmodule>
–>
۱۹- بهینهسازی پایگاه داده (دیتابیس)
زمانی که یک سایت مبتنی بر پایگاه داده (وردپرس و سایر سیستمهای مدیریت محتوا) دارید، باید پایگاه داده سایت را بهینه کنید. بویژه اگر سایتی با ترافیک بالا یا میزان بازدید زیاد دارید.
بنابراین به طور دورهای پایگاه دادههای سایت را بررسی کنید و با بهینهسازی و کاهش حجم دادهها، سرعت آن را افزایش دهید.
اگر یک هاست اختصاصی یا VPS دارید، کش جستجو سایت را فعال کنید و دادههای سایت را بررسی کنید و اطلاعات اضافی را پاک نمایید.
اگر چه بهینهسازی پایگاه دادهها کاری وقتگیر و گاهاً مشکل است… اما بهترین روش استفاده از phpMyAdmin است. با وارد شدن در کنترل پنل هاست سی پنل، از بخش دیتابیس گزینه phpMyAdmin را انتخاب کنید.
پس از ورود به محیط phpMyAdmin، دیتابیسی که میخواهید بهینه شود را انتخاب کنید. phpMyAdmin توسط گزینه “optimizing your tables” به شما مواردی را پیشنهاد میکند که بهینهسازی آنها مهم است.
۲۰٫ غیر فعال نمودن ها لینکینگ و استفاده از مطالب سایت شما
هاست لینکینگ به عملیات دزدی پهنای باند گفته می شود بدین صورت که سایت های دیگر از تصاویر و مطالب سایت شما به صورت مستقیم در سایت خود استفاده می نمایند.
در صورتی که در سایت خود تصاویری استفاده می نمایید که نشان از شما دارد لازم نیست این کار را انجام دهید.
کد زیر را در فایل .htaccess خود درج نمایید:
disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
[RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sparringmind.com [NC
[RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC
[RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/sparringmind [NC
[RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L
در صورتی که از فید استفاده می نمایید می بایست آدرس فید خود را در کد بالا جایگرین نمایید
۲۱ – اضافه نمودن هدر انقضاء به آیتم های استاتیک صفحه
می توانید بعضی از المان های صفحه را جهت بارگذاری مجدد تاریخ انقضاء بزنید تا زمانی که لازم نیست تصاویر و فایل ها از کامپیوتر کاربری که قبلا سایت را رویت نموده لود گردد
بدین روش می توانید تا حد قابل قبولی سرعت سایت خود را بالا ببرید و بار بر روی سرور را کم نمایید.
کد زیرا را در فایل .htaccess کپی نمایید:
ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
زمان های بالا برای یک ماه می باشند می توانید مقدار آن را تغییر دهید.
بیشتر بخوانید : آموزش افزایش سرعت سایت
کلام آخر
زمانی که شما سرعت سایت خود را افزایش میدهید، فاکتورهای دیگری نیز بهبود داده میشوند.
رتبهبندی سایت شما در گوگل بالاتر میرود، نرخ تبدیل سایت افزایش مییابد، کاربران از سایت رضایت بیشتری خواهند داشت و مدت زمان بیشتری را در سایت سپری خواهند کرد، مطالب غیرمفید سایت کم میشود.
تمام این موارد باعث میشوند که از طریق سایت، فروش بیشتری داشته باشید.
منبع: hamyarwp.com – radzad.com
دیدگاه خود را ثبت کنید
تمایل دارید در گفتگوها شرکت کنید؟در گفتگو ها شرکت کنید.