افزایش سرعت بارگیری وب سایت

طبق صحبت های ارائه شده از سمت شرکت گوگل، تا زمانی که سایت شما ساده ترین نکات تجربه کاربری را رعایت نکند، نمیتواند به صفحات اول نتایج جستجو (serp) راه پیدا کند و مهم ترین و ابتدایی ترین نکته برای افزایش ux و تجربه کاربری سایت، سرعت آن است.

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

طبق آمار ارائه شده در وب انگلیسی، زمانی که سرعت لود یک سایت از ۵ ثانیه بیشتر شود، بیش از ۵۰ درصد مخاطبان صفحه را ترک میکنند. این به معنای افزایش شدید بانس ریت و کاهش رتبه در نتایج گوگل است.

زمان مناسب برای بارگذاری یک سایت ایرانی، به طور میانگین، بین ۴ تا ۷ ثانیه است.

قبل از اجرای هر تغییر در سایت خود، با افزونه های موجود، از کل سایت و دیتابیس خود بکاپ پشتیبانی تهیه کنید و پس از آن نیز برای اینکه از وضعیت سرعت سایت خود در زمان حال با خبر شوید، به ابزار gtmetrix مراجعه کنید و سرعت سایت خود را بررسی کنید.

در حال حاضر ابزار جی تی متریکس یکی از معتبرترین ابزار های رایگان در جهت بررسی سرعت سایت است.

در نظر داشته باشید سرعت پارامتری نسبی است ، یعنی معیار داشتن سرعت خوب برای یک سایت ، نسبت به سایر سایت های رقیب است.

تکنیک های افزایش سرعت سایت

تأثیر هاست در سرعت سایت

توصیه میشود برای خرید فضای میزبانی، از خرید هاست اشتراکی پرهیز کنید و به سرور های اختصاصی روی بیاورید. همینطور خرید هاست های ابری کمک بسیار زیادی در بهینه سازی سرعت سایت به شما میکند.

دلیل توصیه به پرهیز از هاست های اشتراکی این است که در این حالت سایت شما در کنار چندین سایت دیگر بر روی یک سرور اختصاصی قرار میگیرد و این موضوع باعث میشود تا استفاده دیگر سایت ها از منابع سرور مذکور، تا حد زیادی بر روی سرعت سایت شما تأثیر منفی داشته باشد.

قبل از خرید هاست یا سرور اختصاصی خود، به چنین مواردی اهمیت دهید:

• پهنای باند
• سیستم عامل
• مشخصات سخت افزاری
• سیستم‌های سرور

نکته مهم دیگر، زمان UP-TIME یا در دسترس بودن هاست است. در بهترین حالت این زمان برای هاست های غیر ابری، ۹۹ درصد است. پس از اینکه هاست خود را خریداری کردید میتوانید برای بررسی زمان آپ تایم آن در طول زمان استفاده، از سایت UPTIMEROBBOT که یک ابزار رایگان است استفاده کنید

هاست ایران یا خارج از کشور ؟

این یکی از سؤالات همیشگی وبمستران است. پیشنهاد ما این است که تا جای ممکن، سرویس های هاستینگ خارج از کشور را تهیه کنید و سپس با استفاده از cdn (توضیحات در ادامه) سرعت آن را برای کاربران ایرانی افزایش دهید. اما در هر حال خرید هاست ایران نیز مشکل خاصی را متوجه شما و کاربرانتان نمیکند.

اگر از سیستم مدیریت محتوای وردپرس استفاده میکنید، سعی کنید هاست مخصوص این سیستم را تهیه کنید.

ریسپانس اولیه را کاهش دهید

زمانی که کاربر به سایت شما وارد شود، فعالیت های مرور او برای نشان دادن صفحه به کاربر، به این صورت است:

• مراجعه به DNS
• پردازش سرور
• واکنش به درخواست

به دریافت اولین اطلاعات مرورگر کاربر از هاست یا سرور شما، ریسپانس اولیه یا دریافت اولین بایت میگویند. برای محاسبه این زمان میتوانید از ابزار webpagetest استفاده کنید. کاهش زمان ریسپانس اولیه تأثیر مهمی در بهبود و افزایش سرعت ورود به سایت شما دارد. برای این منظور، به غیر از مواردی که در ادامه گفته میشود، میتوانید با پشتیبانی سایت خود صحبت کنید و یا از یک متخصص کدنویسی مسلط به کار با پنل هاست کمک بگیرید.

مواردی چون فاصله اندک هاست با دامنه و همینطور وجود دیتابیس و محتوای سایت روی یک دیتا سنتر در سرعت ریسپانس اولیه تأثیر مثبت دارد.

استفاده از CDN (شبکه توزیع محتوا)

یکی از مواردی که احتمالا در صدر اخطار های سایت GTMETRIX در مورد سرعت سایت خود مشاهده میکنید، نبود CDN است. CDN یا شبکه توزیع محتوا مجموعه ای از سرور ها هستند که در نقاط مختلف کره زمین مستقر شده اند. وظیفه این سرور ها این است که نسخه ای از سایت شما را بر روی خود ذخیره کنند تا زمانی که کاربر قصد اتصال به سایت شما را داشت، نزدیک ترین سرور، اطلاعات سایت شما را برای او ارسال کند. اگر هاست شما در خارج از کشور باشد، وجود CDN تا حد بسیار زیادی به افزایش سرعت آن برای کاربران ایرانی کمک میکند. در ضمن استفاده از CDN صرفا جهت افزایش سرعت ورود به سایت نیست. بلکه این سیستم تأثیر مثبتی بر روی امنیت سایت شما دارد.

از جمله شرکت های معتبر ارائه دهنده CDN، شرکت های:

• Amazon CloudFront
• CloudFlare
• Incapsula

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

کش (cache) سایت را فعال کنید

اگر به پنل گوگل آنالیتیکس سایت خود مراجعه کنید، احتمالا مشاهده میکنید که بیشتر از ۳۰ درصد از کاربران سایت شما، کاربرانی هستند که قبلا نیز به سایتتان مراجعه کرده بودند. کش سایت قابلیتی است که باعث افزایش سرعت بارگذاری سایت برای کاربران بازگشتی یا RETURN VISITOR میشود. وجود این کاربران در سایت اهمیت بالایی بر روی سئو و بهینه سازی سایت دارد، پس به هیچ عنوان از این موضوع غافل نشوید.

با فعال سازی کش سایت، اطلاعات سایت شما از جمله:  (تصاویر ،متن ها،کد های CSS،کد های HTML ،کد های JS  ،و…)

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

فشرده سازی (Gzip)

فشرده سازی یکی دیگر از راهکار های افزایش سرعت لود سایت و بارگذاری سایت است. قبلا در رایانه خود با این عمل آشنا شده ایم!! زمانی که یک بازی دانلودی را به حالت فشرده zip در می آوریم، مشاهده میکنیم که حجم این فایل به طور قابل توجهی کاهش پیدا میکند. دقیقا همین عمل زمانی که در سایت و بر روی اطلاعات موجود روی هاست انجام شود، عمل فشرده سازی یا gzip صورت گرفته است.

برای اینکه متوجه شوید تفاوت حجم سایت قبل و بعد از این عمل چقدر است، بهتر است در سایت جی تی متریکس، حجم سایت خود را بررسی کنید و پس از فعال کردن آن نیز دوباره این موضوع را مشاهده کنید. انتظار میرود حداقل حجم فایلهای شما بین ۳۰ تا ۷۰ درصد کاهش پیدا کند.

با فعال کردن جی زیپ روی سایت، داده های سایت شما به صورت فشرده شده بر روی مرورگر کاربر دانلود شده که این موضوع باعث افزایش سرعت ورود به سایت میشود.

چطور gzip را روی سایت خود فعال کنیم؟

در ابتدایی ترین حالت میتوانید با مراجعه به فایل .htacsess و قرار دادن این تکه کد در آنجا، فشرده سازی سایت خود را فعال کنید.

mod_gzip_on Yes

mod_gzip_dechunk Yes

mod_gzip_item_include file .(html?|txt|css|js|php|pl)$

mod_gzip_item_include handler ^cgi-script$

mod_gzip_item_include mime ^text/.*

mod_gzip_item_include mime ^application/x-javascript.*

mod_gzip_item_exclude mime ^image/.*

mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

اما اگر سایت شما، سایت با سیستم مدیریت محتوای وردپرس ساخته شده، میتوانید از افزونه ای که در ادامه معرفی میشود در جهت افزایش سرعت سایت وردپرسی خود و فشرده سازی محتوای آن کمک بگیرید.

افزونه wordpress-gzip-compression میتواند به خوبی به شما برای فشرده سازی سایت وردپرسی کمک کند. در نهایت نیز میتوانید با مراجعه به سایت checkgzipcompression از فعال بودن این قابلیت روی سایتتان اطمینان حاصل کنید.

کاهش درخواست (ریکوئست) های سایت

از دیگر موضوعات مهمی که بر روی سرعت سایت شما تأثیر بسزایی دارد، تعداد ریکوییست ها یا درخواست هایی است که به سرور ارسال میشوند. تعداد آنها را میتوانید در سایت gtmetrix مشاهده کنید. هرچه تعداد این درخواست ها بیشتر باشد، سرعت سایت شما نیز کاهش پیدا میکند. برای کاهش ریکوییست ها راهکار های زیادی وجود دارد.

اما مهم ترین راه، کاهش اِلمان های اضافی صفحات، مخصوصا قسمت های هدر، فوتر و ساید بار است. زمانی که در هدر سایت شما ۴ آیکون اضافی وجود داشته باشد، ۴ ریکوییست به سرور شما برای بارگذاری این آیکون ها ارسال میشود که هر کدام به اندازه خود بر روی افزایش لود تایم (load time) تأثیر  دارند.

بعد از اینکه تا حد ممکن المان های اضافی را کاهش دادید، اگر کمی با کد نویسی سایت و زبان انگلیسی آشنایی داشته باشید، میتوانید دیگر نکاتی که باعث افزایش تعداد ریکوییست های سایتتان میشود را نیز تشخیص دهید. به طور مثال ممکن است کاهش اندازه تصاویر (ریسایز تصویر) در صفحه وبلاگ شما، یکی دیگر از درخواست هایی باشد که به سرور شما ارسال میشود (اغلب این موارد در جی تی متریکس به شما نشان داده میشود)

 حجم تصاویر را کاهش دهید

تصاویر اسطوره های کاهش سرعت سایت هستند!! قسمت قابل ملاحظه ای از سرعت سایت، تعداد درخواست ها، افزایش کدها و… به تصاویر موجود در سایت شما باز میگردد. کاهش سرعت سایت به دست تصاویر در سئو سایت های فروشگاهی به وفور دیده میشود و گاها ۷۰ درصد از سرعت سایت آنها به دلیل وجود عکس های با کیفیت اما بهینه نشده کم میشود.

عکس ها به دو صورت میتوانند از بهینه سازی سرعت سایت شما جلوگیری کنند.

در حالت اول به دلیل بالا بودن حجم آنها که باعث زمانبر شدن بارگذاریشان میشود و حالت دوم، تغییر سایز آنها در سایت!!

منظور زمانی است تصاویر بارگذاری شده در سایت، از سایز مناسب برای قالب بزرگتر است و در این حالت خود سیستم مدیریت محتوا، اقدام به تغییر سایز (resize) تصاویر میکند. برای تغییر سایز تصاویر نیاز به استفاده از کد های css است که در نهایت این موضوع میتواند باعث افزایش کد های css inline یا درون صفحه و پس از آن، تعداد ریکوییست ها شود.

چطور با بهینه سازی تصاویر سرعت سایت را افزایش دهیم؟

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

پس از آن نیز نوبت به بهینه سازی حجم تصاویر میرسد. بهترین راه برای بهینه سازی تصاویر استفاده از برنامه فتوشاپ و گزینه save for web است. این گزینه میتواند بدون کاهش کیفیت تصویر، تا حد زیادی از حجم آن کم کند. علاوه بر فتوشاپ، میتوانید با مراجعه به سایت هایی مثل

• tinypng
• imageoptimizer
• imagecompressor

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

• wp smushit
• resmushit image optimizer
• tiny compress images

علاوه بر تمامی این نکات، قبل از بارگذاری تصاویر در سایت دقت کنید که فرمت عکس های شما از بین فرمت های مناسب وب باشد (jpg,png.gif.svg)

 صفحه اصلی سایت را بهینه کنید

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

علاوه بر آن روی ساید بار، فوتر و هدر نیز تمرکز خاصی بگذارید. دلیل این پیشنهاد این است که این ۳ قسمت، در تمامی صفحات شما تکرار میشوند و هر مورد کاهنده سرعت در آنها، باعث کاهش سرعت تمامی صفحات سایت میشود.

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

بروز رسانی سایت

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

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

قالب سایت را بهینه سازی کنید

قسمت زیادی از سرعت سایت، مربوط به کد نویسی قالب است. عوامل زیادی در کد های قالب میتوانند باعث کاهش سرعت آن شوند. از جمله:

کد های css inline

زیاده روی در استفاده از کد های js

وجود کد های کامنت زیاد

کد های قدیمی و غیر استاندارد

تصاویر سنگین

و…

اگر از قالب آماده ای استفاده کرده اید که مشکلات زیادی دارد، بهتر است تا بیخیال ادامه کار با آن شوید و به کلی قالب سایت را تعویض کنید (در سایت های وردپرسی) و در غیر اینصورت قالب سایت خود را بهینه کنید. با استفاده از سایت validator.w3 میتوانید خطاهای موجود در کدنویسی سایت را مشاهده کنید.

نکته: سایت مذکور کمی بیش از حد سخت گیر است و نمیتوان صرفا در صورت زیاد بودن خطاهای آن، تصمیم به صرف هزینه برای خرید قالب جدید یا بهینه کردن آن کرد، پس بهتر است تمرکز خود را بر روی ابزار های بررسی سرعت سایت (gtmetrix و…) بگذارید و آنها را به عنوان معیار اصلی خود قرار دهید.

 بهینه سازی دیتابیس

دیتابیس هم در سایت های مدیریت محتوایی قسمتی از سرعت سایت را به خود اختصاص داده و در صورت سنگین شدن باعث کاهش شدید سرعت میشود. برای بهینه سازی سرعت سایت ، باید دیتابیس خود را بهینه کنید.

وجود داده ها و اطلاعات اضافی در دیتابیس سایت، به جز بالا رفتن حجم آن و مصرف منابع cpu و در نهایت افزایش زمان لود سایت، کار دیگری انجام نمیدهد. از جمله فعالیت هایی که میتوانید برای بهینه سازی پایگاه داده سایت انجام دهید، موارد پایین است:

• بهینه سازی جدول ها
• پاک کردن دیدگاه های حذف شده، جفنگ و تأیید نشده
• پاک کردن نوشته های قدیمی پیش نویس شده
• و…

اگر با کدنویسی و مدیریت سایت حرفه ای آشنا نیستید بهتر است تا این فعالیت را به یک طراح سایت بسپارید. اگر از cms وردپرس استفاده میکنید، یکی دیگر از افزونه بالا بردن سرعت سایت افزونه  WP-Optimize است که میتوانید به خوبی باعث افزایش سرعت هاست و سایت وردپرسی شما شود. با استفاده از این افزونه خودتان انتخاب کنید که کدام قسمت از دیتابیس شما حذف و بهینه شود.

حذف صفحات ۴۰۴

صفحات ۴۰۴ باعث ایجاد ریکوییست های اضافی و کاهش سرعت سایت میشوند. ممکن است تصور کنید که سایت شما هیچ صفحه ۴۰۴ ای ندارد اما بهتر است این موضوع را با ابزار های مخصوص به خود بررسی کنید.

از همین رو  پیشنهاد میکنیم که در ابتدا از نصب افزونه های جدید و بی مورد پرهیز کنید تا مانع افزایش سرعت سایت خود نشوید و پس از آن با یک بررسی جزیی، تمامی افزونه های بدون استفاده و یا کم استفاده را از بین ببرید.

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

 لود تنبل یا لیزی لود را فعال کنید (LAZY LOAD)

در حالت عادی زمانی که شما به یک صفحه از وب مراجعه کنید، مرورگر شما شروع به دانلود تمامی قسمت های آن صفحه میکند. این پروسه با توجه به وجود چند هزار خط کد و همینطور تصاویر و دیگر اِلمان های موجود، ممکن است بیشتر از ۵ ثانیه زمان ببرد و این موضوع احتمالا باعث افزایش نرخ پرش سایت شما میشود.

لیزی لود یا لود تنبل این قابلیت را به مرورگر شما میدهد تا پس از ورود به سایت، صرفا قسمتِ قابل مشاهده صفحه را دانلود کند و پس از اینکه این قسمت از صفحه در مدت زمان کوتاهی لود و بارگذاری شد، به مرور قسمت های پایین تر را نیز بارگیری کند.

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

بیشتر بخوانید : ۱۰ نکته مهم در طراحی سایت فروشگاهی

خلاصه مطلب را کوتاه کنید

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

ویدیو ها را در هاست خود بارگذاری نکنید

ویدیو از جمله فرمت های تأثیر گذار بر سئو سایت است. این موضوع باعث میشود تا کسب و کار ها در صفحات مختلف سایت خود از آن استفاده کنند. یکی از اشتباهاتی که باعث جلوگیری از افزایش زمان لود سایت میشود، بارگذاری ویدیو ها در همان هاستی است که سایت شما بر روی آن قرار دارد. این موضوع باعث مصرف بیش از اندازه منابع و کاهش سرعت میشود.

پیشنهاد اول استفاده از سایت های مخصوص میزبانی ویدیو، مانند کاویمو است. در صورتی که توان پرداخت هزینه های خرید این نوع فضای میزبانی را ندارید، از سرویس های اشتراک ویدیو رایگانی مانند آپارات و نماشا و… استفاده کنید.

تمامی کامنت ها را در صفحات خود بارگذاری نکنید

برخی از سایت ها با ازدیاد بیش از حد کامنت ها روبرو میشوند و این موضوع باعث کندی صفحات و سایت آنها میشود.

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

نکته: راه حل دیگر استفاده از کد های JS و AJAX است به این صورت که روند لود کامنت ها را به طور کلی در صفحه با تغییر روبرو کنید. این موضوع بر روی افزایش سرعت سایت تأثیر خوبی دارد اما باعث میشود تا گوگل توانایی ایندکس این دیدگاه ها را از دست بدهد و تأثیر مثبت آنها بر روی سئو سایت شما اعمال نشود.

کد های JS را در فوتر سایت خود قرار دهید

کد های جاوا اسکریپت یکی از اجزای جدا نشدنی قالب های جدید هستند. بسیاری از عملکرد های سایت شما به دست همین کد ها انجام میشود. به صورت پیش فرض این کد ها در ابتدای صفحه سایت شما و در قسمت HEAD قرار دارند و از آنجایی که مرورگر ها کد ها را از ابتدا بارگیری میکنند، کد های JS نیز در ابتدای لود صفحه باعث کاهش سرعت میشوند.

میتوانید آن ها را در فوتر سایت قرار دهید تا در آخرین مرحله بارگذاری شوند و با این کار باعث افزایش زمان لود سایت و ورود کاربر به آن شوید. برای قرار دادن کد های js در فوتر از یک برنامه نویس کمک بگیرید.

 رونوشت ها و پیش نویس اضافی

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

علاوه بر این، برخی از سایت ها به صورت خودکار از هر نوشته چندین پیش نویس تهیه میکنند تا بتوان از آنها در صورت نیاز استفاده کرد. پیشنهاد میشود برای جلوگیری از اشغال فضای هاست و مصرف منابع، در تنظیمات سایت خود، تهیه رو نوشت ها را کمی به تأخیر بیندازید. به طور مثال آن را از هر ۱۰ دقیقه بر روی هر نیم ساعت قرار دهید.

اگر هم این قابلیت در تنظیمات سایت تعریف نشده بود از افزونه وردپرسی Revision Control استفاده کنید.

قابلیت Hotlink Protection

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

در این حالت تصاویر قرار گرفته در سایت مقصد، از هاست شما لود میشوند. این یعنی تصاویر در هاست سایت مذکور آپلود نشده اند و در اصل آدرس آنها در هاست شماست که در این صفحات تصاویر را بارگذاری میکند. این موضوع باعث کاهش پهنای باند و در نهایت کاهش منابع و جلوگیری از افزایش سرعت سایت شما میشود. به همین دلیل پیشنهاد میشود از قابلیت HOT LINK استفاده کنید تا دیگران نتوانند به این طریق منابع سایت شما را به سرقت ببرند.

فعالسازی این قابلیت اغلب با استفاده از دسترسی به کنترل پنل هاست انجام میشود. اما راحت ترین کار، استفاده از کد زیر در فایل HTACSESS است:

[jv_label background_color=”#۰۹c” font_size=”۱۳″ border_radius=”۰″ text_color=”#ffffff”]#disable hotlinking of images with forbidden or custom image option

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L][/jv_label]

در تکه کد بالا باید، به جای example.com از آدرس سایت خودتان استفاده کنید. در قسمت انتهایی در کنار فرمت های نوشته شده (jpg|jpeg|png) میتوانید فرمت های مدنظرتان را اضافه یا حذف کنید.

تصاویر گراواتار را حذف کنید

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

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

از افزایش ریدایرکت ها در سایت بپرهیزید

مطمئنا با چیستی ریدایرکت ها آشنایی دارید. ریدایرکت حالتی است که در آن شما به هر دلیلی، آدرسی از سایت خود را به آدرس دیگر ارجاع میدهید. گاها ممکن است از روی ناچار مجبور به استفاده از ریدایرکت ها شویم. در حالت عادی این موضوع مشکلی ندارد اما زمانی که کاربران ما در صفحات گوگل با صفحات ریدایرکت شده ما روبرو شوند و یا اینکه در سایت با آنها برخورد کنند، این موضوع باعث تأثیر منفی بر روی تجربه کاربری آنها میشود.

ریدایرکت هر صفحه به صفحه دیگر، باعث ایجاد یک درخواست یا ریکوییست اضافی تر و در نهایت کاهش زمان ورود به سایت میشود. البته تعداد اندکی از ریدایرکت ها، مطمئنا در هر سایت به وجود می‌آید و صحبت ما در اینجا در مورد ریدایرکت های بیش از اندازه است.

فونت های گوگل را حذف کنید

وجود قطعه کد فونت های گوگل در سایت های فارسی عملا استفاده ای ندارد و صرفا باعث افزایش درخواست ها در سایت میشود. بهتر است این کد را حذف و یا حداقل آن را به فوتر سایت خود انتقال دهید و با این کار به بالا بردن سرعت سایت خود کمک کنید.

کد های سایت را مینیفای کنید (minify)

قسمت زیادی از حجم هر صفحه و سایت را کد های css، html و js تشکیل میدهند. با این حساب هرگونه تغییر کوچکی در این کد ها که با هدف کاهش حجم و اندازه انجام شود میتواند تا حد زیادی بر روی بهینه سازی سرعت سایت و افزایش آن تأثیر مثبت داشته باشد. یکی از مهم ترین فعالیت های موجود برای این هدف، مینیفای کردن کد هاست.

در تمامی کد های مذکور، تکه کد های اضافی، کامنت شده (کد های توضیحی)، فاصله و… وجود دارند که در صورت از بین رفتن آنها، حجم کلی کد ها نیز کاهش پیدا میکند. علاوه بر این فایل های زیادی در سایت شما وجود دارند که نگهدارنده این کد ها هستند. با ادغام این فایل ها در یک فایل میتوان تا حد زیادی از درخواست های مرورگر به سرور کم کرد.

انجام این دو فعالیت (حذف کد های اضافی و ادغام چند فایل کد با یکدیگر) را مینیفای کردن مینامند. برای این کار در ابتدا پیشنهاد میکنیم که از یک متخصص با تجربه کمک بگیرید. پس از آن نیز اگر سیستم مدیریت محتوای سایت شما وردپرسی است میتوانید از افزونه bwp minify استفاده کنید.

اسلایدر ها را حذف کنید!!

اسلایدر ها باعث ایجاد جلوه های زیبا و خاص در سایت و صفحات آن میشود. اما گاها زیاده روی در ساخت انواع اسلایدر باعث  کاهش بیش از اندازه سایت شما میشود.

اگر کمی دقیق تر به ساختار اسلایدر ها نگاه کنیم، آنها از تصاویر با کیفیت و پرحجم ادغام با انواع مختلف کد ها ساخته شده اند. در نهایت این ساختار یاعث کند شدن لود و بارگذاری صفحات شما میشوند. پیشنهاد میشود تا جای ممکن از قرار دادن اسلایدر در سایت خود پرهیز کنید. همینطور با حذف آنها و بررسی دوباره سایت توسط gtmetrix میتوانید افزایش سرعت بالا آمدن سایت خود را مشاهده کنید.

ماژول Google PageSpeed را فعال کنید

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

به تازگی ابزار جدید دیگری با نام google pagespeed به این ابزار ها اضافه شده. البته این ابزار قرار نیست شما را راهنمایی کند. بلکه کافی است تا آن را بر روی وب سرور آپاچی یا انجینیکس خود نصب کنید تا خود ابزار بهترین فعالیت ها را در جهت بهینه سازی سرعت و افزایش آن در سایت شما انجام دهد.

با استفاده از این لینک میتوانید ماژول یا ابزار گفته شده را دانلود کرده و سپس از طراح سایت یا برنامه نویس خود بخواهید تا آن را بر روی وب سرور شما فعال کند.

آیکون های اضافی شبکه های اجتماعی را حذف کنید

به تازگی و با افزایش تأثیر سوشیال سیگنال ها به سئو سایت مشاهده میکنیم که افراد زیادی اقدام به قرار دادن آیکون های شبکه های اجتماعی در فوتر، هدر و صفحه مقالات و محصولات خود میکنند. مطمئنا این موضوع تأثیر مثبتی بر روی سئو و بهینه سازی سایت شما دارد اما باید بدانید که زیاده روی در استفاده از این آیکون ها میتواند باعث کاهش سرعت سایت شما شود.

گاها در برخی از سایت ها مشاهده میشود که بیشتر از ۱۰ آیکون شبکه اجتماعی در هر صفحه وجود دارد. شبکه هایی که شاید حتی تعداد کاربران ایرانی آن به هزار نفر هم نرسند. پیشنهاد ما قرار دادن آیکون این شبکه ها در سایت است:    (لینکدین ، توییتر ، پینترست ، اینستاگرام ، فیسبوک)

لینک های شکسته را پیدا و حذف کنید

لینک های شکسته، لینک های داخلی و خارجی (به خارج از سایت) هستند که کاربر را به صفحات ۴۰۴ هدایت میکنند. وجود چنین لینک ها و کد های مربوط به آن در سایت به جز تأثیر منفی بر تجربه کاربری و همینطور سئو سایت، تأثیر دیگری ندارد. پس بهتر است هرچه زودتر برای حذف و یا جایگزینی آنها با لینک های معتبر اقدام کنید.

برای بررسی لینک های شکسته سایت خود از سایت brokenlinkcheck استفاده کنید. همینطور در سایت های وردپرسی افزونه broken-link-checker به شما کمک میکند. در سایت های جوملایی و دروپال نیز میتوانید از ماژول و افزونه ای به نام link-checker استفاده کنید.

نسخه موبایل (amp) سایت خود را فعال کنید

گاها نتایج جستجو بر روی رایانه و همین نتایج بر روی موبایل با یکدیگر متفاوت اند. این یعنی زمانی که شما واژه “سئو محتوا” را با استفاده از رایانه جستجو میکنید، نتایج با کمی تفاوت نسبت به سرچ همین کلمه در موبایل به شما نشان داده میشوند. دلیل این تفاوت این است که گوگل در سال های اخیر تمرکز خاصی بر روی سایت های ریسپانسیو (واکنشگرا برای انواع صفحه نمایش) گذاشته و دائما سعی میکند تا نتایج مناسب تری را به مخاطبان دارای موبایل و تبلت نشان دهد.

در همین راستا به تازگی از سایت های amp یا نسخه موبایل رونمای شده. سایت های دارای amp برای گوگل از اهمیت بالایی برخوردار اند. اگر روی سایت خود نسخه amp را فعال کنید، سایت شما در تلفن های همراه با سرعت بسیار بالایی نشان داده میشود و این موضوع علاوه بر بهبود سئو به افزایش تجربه مثبت کاربر نیز کمک میکند. در ضمن وجود آیکون “فلش” در صفحات نتایج گوگل کنار سایت شما باعث افزایش نرخ کلیک (ctr) نیز برای شما میشود.

برای فعالسازی amp روی سایت، بهترین پیشنهاد، همکاری با یک متخصص کدنویس آشنا به مفاهیم سئو است. در غیر اینصورت و در صورت وردپرسی بودن سایتتان میتوانید با کمک یک متخصص وردپرس و افزونه amp این قابلیت را روی سایت خود پیاده سازی کنید. مقاله آموزش ساخت amp قطعا شما را در ساخت amp برای سایتتان راهنمایی میکند

php سایت را بروز رسانی کنید

اگر سایت شما وردپرسی است، علاوه بر بروزرسانی هسته وردپرس، افزونه ها و قالب، باید هر از گاهی نسخه php سایت خود را نیز از طریق پنل هاست بروز رسانی کنید. اخبار منتشر شده حاکی از این است که نسخه جدید php میتواند تأثیر خوبی بر بهینه سازی سرعت سایت شما داشته باشد. از همین رو بهتر است پس از هربار اعلام انتشار نسخه جدید php، در جهت بهبود سرعت سایت و البته حفظ امنیت بیشتر، سریعا آن را بروز رسانی کنید.

سرعت سایت خود را با استفاده از  CSS Image Sprites افزایش دهید

با استفاده از تکنیک CSS Sprites میتوانید تا حد زیادی حجم تصاویر و آیکون های به کار رفته در سایت خود را کاهش دهید و کمک بزرگی به افزایش سرعت سایت خود کنید.

در این تکنیک آیکون هایی که در کنار یکدیگر در سایت استفاده شده اند، عملا در یک فایل png ادغام و سپس در سایت قرار داده میشوند. تصور کنید در هدر سایت شما، ۷ آیکون شبکه های اجتماعی وجود دارد. مرورگر کاربر برای مشاهده این صفحه نیاز دارد تا ۷ درخواست صرفا در جهت دانلود این آیکون ها به سرور شما ارسال کند، با استفاده از این تکنیک ها، تعداد این درخواست ها به یک کاهش پیدا میکند. برای فعالسازی تکنیک مذکور بهترین پیشنهاد صحبت با یک طراح سایت حرفه است.

قابلیت keep alive را فعال کنید

توضیح دقیقِ اینکه قابلیت keep alive چیست و چه کاربردی دارد، از عهده این مقاله خارج است و البته نیاز هم به آن نداریم. اما به طور خلاصه، این قابلیتی است که باعث کاهش تعداد دفعات اتصال سایت شما به سرور برای دانلود فایل ها میشود. در واقع با فعال کردن keep alive روی سایت تان، به آن اجازه میدهید در هر بار اتصال به سرور، به جای یک فایل، تعداد فایل های بیشتری را دانلود کند.

برای فعال سازی این قابلیت راه های مختلفی دارید. بهترین پیشنهاد این است که به سراغ پشتیبان هاست سایت خودتان رفته و از آنها بخواهید keep alive هاست را فعال کنند. اما علاوه بر این، میتوانید وارد هاست سایت شده، و در فایل  این کدها را قرار بدهید:

# START ENABLE KEEP ALIVE

<ifModule mod_headers.c>

Header set Connection keep-alive

</ifModule>

# END ENABLE KEEP ALIVE

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

سرعت را فدای درآمد تبلیغات نکنید

صاحبان بعضی از سایت های مجله ای، ترجیح میدهند بعد از مدتی که وب سایت شان ترافیک زیادی جذب کرد، در سایت شان را به حجم زیادی از تبلیغات باز کنند. قبول دارم که درآمد تبلیغات بنری و… کمی وسوسه کننده است، اما در هر حال باید بدانید که قبول کردن تعداد زیادی از آنها، باعث افزایش حجم کدهای صفحه و در نتیجه کاهش سرعت سایت میشود. بنابراین برای بهبود سرعت سایت، پیشنهاد میکنیم کمی در قبول کردن تبلیغات بنری و… وسواس به خرج بدهید.

افزونه های افزایش سرعت سایت وردپرسی

بسیاری از وبمستران به جای ایجاد تغییرات در کد های سایت، بهینه سازی دیتابیس و… از افزونه های افزایش سرعت وردپرس استفاده میکنند تا بتوانند با کمترین فعالیت و در کوتاه ترین زمان، سرعت سایت خود را بهبود دهند.  پیشنهاد نمی شود برای افزایش سرعت سایت  صرفا به افزونه ها اکتفا کنید اما استفاده از آن ها در کنار دیگر فعالیت های گفته شده در این مقاله میتواند به شما کمک کند.

در ادامه به معرفی بهترین افزونه افزایش سرعت سایت  های وردپرسی میپردازیم :

افزونه راکت (wp-rocket)

شاید بتوان افزونه راکت را در بین یکی از ۵ افزونه برتر افزایش سرعت سایت های وردپرسی دسته بندی کرد. فعالیت های این افزونه تک بعدی نیست. یعنی خود به تنهایی کار های زیادی انجام میدهد که حتی شاید باعث بی نیاز شدن شما از دیگر افزونه ها شود. از جمله:

فشرده سازی کد: افزونه راکت به خوبی کد های  html – css – js را فشرده کرده و تا حد زیادی از حجم سایت شما را کم میکند.

لود تنبل: این افزونه باعث ایجاد حالت لیزی لود و یا لودتنبل در سایت شما میشود. به این صورت که لود قسمت های مختلف سایت را با اسکرول کردن صفحه از طرف کاربر متناسب میکند و به این صورت تا حد زیادی زمان لود اولیه سایت را کاهش میدهد.

g-zip: با استفاده از افزونه wp-rocket به راحتی قابلیت جی‌زیپ سایت خود را فعال کنید.

کش: راکت از کش پشتیبانی میکند. همانطور که گفته شد کش سایت باعث افزایش چشمگیر سرعت سایت برای مخاطبینی میشود که برای بار دوم به بعد، به سایت مراجعه میکنند.

js: با استفاده از راکت میتوانید در لود کدهای js سایت خود وقفه ایجاد کنید تا آنها در ابتدا باعث کاهش سرعت نشوند.

فونت های گوگل: راکت فونت های گوگل را بهینه سازی کرده و بر روی سرعت سایت شما تأثیر مثبت میگذارد.

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

بیشتر بخوانید : طراح سایت چیست و چقدر درآمد دارد؟

افزونه wp-optimize

wp optimize از بهترین افزونه های بهینه سازی دیتابیس وردپرس است. همانطور که در مطالب مقاله هم گفته شد، بهینه سازی دیتابیس از جمله فعالیت های مهم در بهینه سازی سرعت سایت است. اغلب وبستران با انجام دستی این کار از طریق php my admin آشنایی ندارند. در این زمان است که افزونه گفته شده به خوبی میتواند نیاز این عزیزان را برطرف کند.

این افزونه تمامی موارد اضافی از جمله کامنت های اسپم، آیتم های حذف شده و… را از دیتابیس پاک میکند و باعث افزایش سرعت سایت میشود.

افزونه w3 total cash

محبوب ترین افزونه کش حال حاضر برای سایت های وردپرسی، افزونه w3 total cash است. این افزونه به صورت حرفه ای کش سایت را مدیریت کرده و شما را از انجام هرگونه فعالیت اضافه معاف میکند. با استفاده از آن زمان دانلود سایت و بارگذاری آن را کاهش دهید. این افزونه باعث میشود تا سایت شما در مرورگر کاربر به صورت صفحات استاتیک به نمایش درآیند و نیاز به پردازش کد ها و در نتیجه زمان لود سایت تا حد زیادی کاهش پیدا کند.

البته کار با آن برای وبمستر های تازه کار کمی سخت است، اما تأثیر آن در افزایش سرعت سایت ، ارزش یادگیری را دارد.

افزونه smush it

اگر سایت خود را در ابزار gtmetrix و یا دیگر ابزار ها بررسی کنید، متوجه میشوید که قسمت اعظمی از کندی سرعت آن  مربوط به تصاویر شماست. افزونه های مختلفی برای کاهش حجم تصاویر و در ادامه افزایش سرعت سایت وجود دارند که میتوان “اسموش ایت” را یکی از برترین افزونه های این حوزه دانست.

این افزونه تمامی عکس های موجود در سایت شما را با کمترین افت کیفیت، از نظر حجمی بهینه کرده و باعث افزایش سرعت سایت میشود . smush it از فرمت های تصویریِ   (png  ،jpg ، gif  ) پشتیبانی میکند.

بیشتر بخوانید : تکنیک های افزایش ترافیک سایت

افزونه AUTOPTIMIZE

در مطالب ابتدایی مقاله گفتیم که یکی از موارد تعیین کننده  سرعت هر سایت، تعداد ریکوییست های آن (درخواست به سرور) است. اینکه سایت شما برای نشان داده شدن به کاربر نیاز به ارسال چند درخواست به سرور دارد موضوع بسیار مهمی است. افزونه اتو اپتیمایز میتواند فایل های css و js که تعداد زیادی از ریکوییست های سایت به آنها مربوط است را در دو فایل واحد js و css ادعام کرده و در نهایت باعث افزایش سرعت سایت شود.

افزونه LAZY LOAD FOR VIDEOS

در قدم چهاردهم درمورد لیزی لود و فعالسازی آن با استفاده از افزونه bj-lazy-load توضیحاتی ارائه شد. افزونه LAZY LOAD FOR VIDEOS ابزاری جهت  فعالسازی لود تنبل برای ویدیو های سایت است. اگر در صفحات سایتتان از ویدیو ها استفاده میکنید، بهتر است تا با کمک این افزونه لیزی لود ویدیو ها را فعال کنید.

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

افزونه DISABLE GOOGLE FONTS

اگر توانایی غیرفعال کردن فونت های گوگل در سایت خود را ندارید میتوانید از این افزونه استفاده کنید تا به صورت خودکار این فونت ها را غیرفعال کرده و کمک کوچکی به افزایش سرعت سایت شما بکند.

نکته نهایی در مورد افزونه های افزایش سرعت این است که در نصب و استفاده از آنها زیاده روی نکنید زیرا علاوه بر اینکه ممکن است تداخل آنها با یکدیگر بر روی عملکرد سایت شما تأثیر منفی بگذارد، تعددشان باعث کاهش سرعت سایت میشود.

با توجه به اینکه اغلب این افزونه ها به صورت مستقیم با کد های سایت شما سر و کار دارند بهتر است تا در نصب آنها احتیاط کنید. برای استفاده از افزونه هایی مانند راکت یا wp-optimize نیز بهتر است که قابلیت های مختلف آن را نه به صورت یکجا بلکه به مرور فعال کرده تا از عدم تداخل آنها با عملکرد سایت مطمئن شوید.

منبع : گروه طراحی سایت در اصفهان کارینووب