افزایش سرعت وبسایت وردپرسی موجب تجربه کاربری بهتر و افزایش تعداد صفحات بازدید شده به ازای هر کاربر شده و در نتیجه به سئو وب سایت کمک زیادی می کند.
گوگل در سال ۲۰۱۰ در گزارشی تایید کرد که سرعت سایت، یکی از ۲۰۰۰ شاخصی است که در رتبهبندی سایت تاثیر دارد. هرگاه سرعت بارگذاری صفحات سایت کم باشد، کاربران زمان کمتری را در آن خواهند گذراند و در نتیجه کارایی سایت کاهش مییابد.
در این مطلب به بررسی روش های افزایش سرعت بارگزاری صفحات سایت پرداخته و راهکارهایی را برای شما بازگو می کنیم که موجب بهینه سازی سرعت سایت وردپرسی شما و بهبود عملکرد آن می شود.
افزایش سرعت وردپرس
از دید بسیاری از کاربران افزایش سرعت وردپرس یک فرآیند پیچیده و مشکل است، اما با همراهی ورپرس نارنجی طعم راحتی در افزایش سرعت سایت وردپرسی خود را بچشید و با الگو گرفتن از راهکار های زیر به سرعت بارگذاری سایت خود کمک کنید.
ابزارهای آنلاین رایگانی مانند Pingdom، WebPageTest، GTmetrix و Google PageSpeed Insights وجود دارند که به شما کمک خواهند کرد تا علت کند بودن سرعت بارگذاری وبسایت خود را تشخیص دهید و به افزایش سرعت وبسایت وردپرسی خود کمک کنید. در ادامه مقاله به بیان این روش ها خواهم پرداخت.
1-استفاده از عملیات فشردهسازی
فشرده کردن فایلهای 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 دارند. برای تغییر اندازه تصاویر میتوانید از فتوشاپ یا هر نرمافزار ویرایش دیگری استفاده کنید. پس از ویرایش، تصاویر را با کیفیت بالای ۶۰% ذخیره کنید.
۳- انتقال فایل های جاوا اسکریپت به فوتر
اگر چه جاوا اسکریپتهایی مثل jQuery، Mootools و Prototype جالب هستند و عملکرد سایت شما را بهبود میدهند، اما میتوانند بارگذاری صفحه وبسایت را دچار مشکل کنند. زیرا مرورگرها تا زمانی که تمام فایلهای جاوا اسکریپ در بالای صفحه دانلود نشوند، بارگذاری محتوا را شروع نمیکند.
برای حل این مشکل، تمام فایلهای جاوا اسکریپی که بودنشان در زمان بارگذاری صفحه لازم نیست را به پایین صفحه منقل کنید. در وردپرس فایلهای اسکریپ غیرضروری را از header.php به footer.php منتقل کنید.
۴- مطمئن شوید که KeepAlive فعال است
آپاچی (Apache) یکی از رایجترین و محبوبترین وبسرورهای HTTP در دسترس شما است. یکی از قابلیتهای این وبسرور، امکان فعال سازی KeepAlive است.
KeepAlive یک ویژگی است که اجازه ارسال چندین فایل را در یک ارتباط بین کاربر و وب سرور فراهم میسازد و در نتیجه سرعت بارگذاری وبسایت را افزایش خواهد داد. به طور خلاصه، وظیفه آن حفظ و پایداری خط اتصال است.
مطمئن شوید که KeepAlive در هاستینگ سایت شما فعال است. بدین منظور، اگر به فایل httpd.conf دسترسی دارید، فایل را باز کنید و مطمئن شوید که KeepAlive به صورت On در آن ثبت شده است. در غیر اینصورت کافی است که کد زیر را به فایل .htaccess اضافه نمایید و فایل را ذخیره کنید.
</pre> <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 فراخوانی کنید.
6- فعال سازی کش
کش کردن به روشهایی گفته میشود که باعث ذخیره کردن محتوای تکراری موجود در یک وبسایت در سیستم کاربر میشود. با استفاده از کش هرگاه وبسایت شما توسط کاربری بارگذاری شود، محتوای وبسایت به صورت کش ذخیره شده و عناصر و بخشهای ثابت آن درصورت مراجعه مجدد کاربر دوباره بارگذاری نمیشوند. در این حالت کاربر تجربه بهتری از سایت شما دارد و سرور هم قادر است ترافیک بیشتری را مدیریت کند.
پلاگینهای رایگانی مانند W3 Total Cache، WP Super Cache و WP Fastest Cache برای کش کردن سایت در وردپرس وجود دارند.
۷- استفاده از یک شبکه انتقال داده (CDN)
زمانی که از یک سیستم مدیریت محتوا (CMS) مثل وردپرس، Joomla، Magento، Drupal یا سایتهای PHP یا HTML استفاده میکنید، به شما توصیه میشود که از یک شبکه انتقال داده استفاده کنید تا سرعت سایت خود را به میزان قابل توجهی بالا ببرید.
شبکههای انتقال داده، موارد استاتیک سایت شما مانند، تصاویر و فایلهای CSS را در نزدیکترین فاصله سروری در اختیار کاربران قرار میدهند و در نتیجه صفحه خیلی سریعتر برای کاربر بارگذاری خواهد شد.
CloudFlare جزو شبکههای انتقال داده رایگان است. MaxCDN نیز گزینه عالی و مقرون به صرفهای است تا زمان بارگذاری سایت خود را بهبود دهید و به افزایش سرعت وبسایت کمک کنید.
۸- به حداقل رساندن درخواستهای HTTP
هر چه تعداد درخواستهای HTTP بیشتر باشد، زمان بیشتری صرف تبادل اطلاعات بین سرور و مرورگر میشود. این درخواستها شامل عکسها، فایلهای جاوا اسکریپ و فایلهای CSS هستند که تعداد زیاد آنها باعث کاهش سرعت بارگذاری سایت میشود.
با ادغام فایلهای جاوا اسکریپ، ترکیب فایلهای CSS، ترکیب تصاویر در یک عکس با روش CSS sprites تعداد درخواستها را کاهش دهید تا سرعت سایت شما بیشتر شود.
۹- انتخاب نوع فایل صحیح برای تصاویر
فرمت JPG کوچکترین و سریعترین نوع فایل برای بارگذاری است. پس به عنوان پیشفرض برای تصاویر از این فرمت استفاده کنید. تنها زمانی که به یک پیش زمینه شفاف نیاز دارید یا تصاویرتان نوشته دارند از PNG استفاده کنید. زیرا فرمت JPG با تغییراتی که روی متن اعمال میکند، باعث میشود که متن تار شود.
فایلهای گیف سنگین موجود در سایت را به کمترین مقدار ممکن برسانید، یا حتی آنها را حذف کنید؛ زیرا این فایلها به شدت، سرعت بارگذاری سایت شما را کاهش میدهند.
۱۰- اصلاح خطای ۴۰۴
هرگاه کاربر صفحهای از وبسایت شما را درخواست کند، اما صفحه در سایت شما موجود نباشد، خطای ۴۰۴ رخ میدهد، که این خطا باعث کاهش سرعت بارگذاری سایت میشود.
همیشه سایتتان را چک کنید تا مطمئن شوید خطای ۴۰۴ ظاهر نمیشود. ابزارهای مختلفی برای تست سرعت سایت وجود دارد. یکی از این روشها برای ارزیابی سرعت سایت، بررسی تک تک درخواستها است که به آن روش آبشاری (waterfall) گفته میشود. ابزارهای مختلفی نیز برای ارزیابی آبشاری سایت وجود دارد.
۱۱- مراقب اندازه سایت خود باشید
اگر چه گاهی وسوسه میشوید که میزان زیادی محتوا را در هر صفحه سایت قرار دهید؛ اما سعی کنید اندازه صفحات تا جایی که امکان دارد، حداقل نگه داشته شوند. این نکته را در نظر داشته باشید که کاربران دوست ندارند، برای باز شدن یک صفحه، بیشتر از دو یا سه ثانیه منتظر بمانند.
اگر تصویر جدیدی که میخواهید به سایت اضافه کنید، تاثیری در ارزش محتوای سایت ندارد، این کار را نکنید و سایت را تا حد ممکن ساده نگه دارید.
۱۲- تغییر اندازه تصاویر
هرگز تصاویر را با استفاده از HTML کوچک نکنید. با تغییر سایز عکس با این روش، مدیریت محتوا یا کدهای قالب، نمیتوانند حجم عکس را کم کنند. این مورد روی سرعت و حجم سایت تاثیر بسیار زیادی دارد. قبل از قرار دادن عکسها در سایت، اندازه تمام تصاویر را به اندازهای که متناسب با سایت است، تغییر دهید و سپس در سایت بارگذاری کنید.
۱۳- کَش مرورگر
مرورگرها قابلیت کش کردن اطلاعات را دارند. بدین معنی که چنانچه وارد وبسایتی شوید، فایلهای موجود در آن صفحه مانند تصاویر، فایلهای 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 دارید، کش جستجو سایت را فعال کنید و دادههای سایت را بررسی کنید و اطلاعات اضافی را پاک نمایید.
۱۵- هاستینگ خود را عاقلانه انتخاب کنید
صفحه هاست را متناسب با نیازهای وبسایتتان انتخاب کنید. گاهی شرکتها برای کاهش هزینه از هاست اشتراکی استفاده میکنند.
اگر یک سایت تجارت الکترونیک، یک سیستم مدیریت محتوای سنگین یا سایتی با ترافیک زیاد دارید، به هیچ عنوان از هاستهای اشتراکی استفاده نکنید. با وجود اینکه قیمت هاستهای اشتراکی پایین است، ولی سرعتشان کم است.
۱۶- استخدام متخصص
در این مقاله مواردی را که در بهینه سازی سایت مهم هستند را بیان کردیم. اما میدانید که بهترین راه برای بهبود کیفیت و سرعت سایت شما این است که از متخصصین در این زمینه کمک بگیرید.
نتیجهگیری
زمانی که شما سرعت سایت خود را افزایش می دهید، فاکتورهای دیگری نیز بهبود داده میشوند. افزایش سرعت وبسایت رتبه بندی سایت شما را در گوگل بالاتر می برد، نرخ تبدیل سایت را افزایش می دهد، با عث می شود کاربران از سایت رضایت بیشتری داشته و مدت زمان بیشتری را در سایت سپری خواهند کرد، مطالب غیرمفید سایت کم شود و تمام این موارد باعث می شوند که از طریق سایت، فروش بیشتری داشته باشید.