10 روش جهت افزایش سرعت وب سایت

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

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

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

– حداکثر زمان توصیه شده از جانب گوگل 3ثانیه میباشد. گرچه هنوز بیشتر وبسایت ها (با وجود تمام بهینه سازی های انجام شده) از این زمان، فاصله زیادی دارند.

– به طور طبیعی در صورتی که زمان بارگذاری سایت از بازه 1 تا 5 ثانیه ای پیشی بگیرد، احتمال خروج کاربر از آن صفحه تا 90% افزایش خواهد داشت! در نظر بگیرید هرقدر این زمان بیشتر باشد، احتمال خروج کاربر نیز افزایش می یابد.

– در حال حاضر مدت زمان صرف شده برای بارگذاری صفحات برای بیشتر سایت ها در موبایل به صورت میانگین 7 ثانیه میباشد.

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

در ادامه توضیحاتی در رابطه با تعدادی از عوامل اصلی تاثیرگذار بر سرعت سایت ارائه میگردد:

1 – استفاده موثر از cache مرورگر :

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

اگر شما یک وبسایت استاتیک دارید، میتوانید مشخص نمایید چه عناصری از صفحه در cache مرورگر ذخیره شوند (میتوانید آن را در فایل htaccess مشخص نمایید)، به خاطر داشته باشید که میتوانید برای آنها زمان انقضا نیز تعیین کنید. فایل شما چیزی شبیه به تصویر زیر خواهد بود:

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

* امکان ذخیره سازی در cache برای سایت های Redirect

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

* استفاده از یک URL برای Resource های مشابه

زمانی که قرار است چندین لینک از یک Resource استفاده نمایند، شما میتوانید برای تمامی آنها از یک URL مشترک استفاده کنید. از این مورد میتوانید برای Hyperlink ها، لینک اشیای داخل صفحه مانند تصاویر و … استفاده نمایید.

چرا استفاده از یک URL بهتر از چندین URL متفاوت است؟

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

* عدم استفاده از query strings برای URLهای استاتیک با لینک “?”

Query String رشته ای از حروف است که به دنبال آدرس صفحه مورد نظر و بعد از کاراکتر ؟ ظاهر میشود.

از آنجایی که در URLهای استاتیک امکان cache شدن نماد ها وجود ندارد، لذا استفاده از Query String باعث دانلود شدن مجدد اجزای صفحه در زمان باز کردن دوباره آن میگردد و این مورد برای سرعت بارگذاری سایت امتیاز منفی به حساب می آید.

2 – استفاده کمتر از عناصر و اجزا در طراحی صفحات

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

این موضوع در رابطه با هر دو موردِ اشیای قابل رویت در صفحه (مثل تصاویر و کلیدها) و یا موارد غیرقابل مشاهده (مانند اسکریپتها) صدق میکند.

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

برای نمونه شما میتوانید تصاویر، فایل های CSS، فایل های جاوا اسکریپت را ادغام نمایید.

3 – فشرده سازی فایل های استفاده شده در سایت

با فشرده سازی فایل های خود به وسیله Gzip می توانید در زمان بارگذاری سایت صرفه جویی نمایید. چرا که برای پردازش و بارگذاری فایل ها با حجم کمتر، زمان کمتری صرف خواهد شد. به خصوص فایل های HTML و CSS قابلیت فشرده سازی بالای دارند.

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

4 – بهینه سازی در کدنویسی صفحات

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

نمونه بسیار کاربردی مورد بالا صفحات AMP (Accelerated Mobile Page) میباشد. در واقع AMP استایل خاصی را برای کدنویسی صفحه مربوطه جهت نمایش در موبایل ایجاد میکند که در آن شما تنها میتوانید فقط تگ های خاصی از HTML و همچنین  از کدهای ساده و کاربردی CSS  استفاده نمایید و همچنین استفاده از کد های جاوا اسکریپ در همه جا مجاز نبوده و کاربرد آن در این صفحات بسیار ناچیز است. همه این موارد باعث افزایش چشمگیر سرعت سایت در گوشی های هوشمند می گردد.

5 – بهینه سازی تصاویر سایت

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

* انتخاب طول و عرض مناسب برای تصویر

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

* استفاده از فرمت مناسب

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

* استفاده از ابزارهای فشرده سازی

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

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

6 – انتخاب سرور قدرتمند برای میزبانی سایت

یک راه عالی برای کاهش زمان بارگذاری صفحات، استفاده از سرور CDN (Content Delivery Network) است. استفاده از CDN باعث افزایش سرعت ارسال اطلاعات به بازدیدکنندگان سایت و در نتیجه کاهش زمان بارگذاری صفحات میگردد.

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

7 – استفاده از پلتفرم های قوی برای فایل های پرحجم

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

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

8 – استفاده از ترفند lazy loading

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

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

این ترفند اصطلاحا lazy loading نامیده شده و اغلب توسط سایتهای ساخته شده در پلت فرم وردپرس استفاده می شوند.

9 – کیفیت سخت افزار و نرم افزارهای کاربران

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

لذا در صورتی که سرعت بارگذاری سایت شما در یک pc و یا laptop و … مناسب بود صرفا به معنی مناسب بودن سرعت سایت نیست! شما باید این مورد را دستگاه های مختلف چک کنید و بهتر است از ابزارهای بررسی سرعت سایت استفاده نموده و اطمینان لازم را در اینباره حاصل نمایید.

10 – بررسی سرعت سایت در بازه های زمانی منظم

بهینه سازی سرعت سایت بدون استفاده از ابزار SEO ممکن نمیباشد. لذا می توانید همواره از ابزار Page Speed Insights برای آنالیز سرعت سایت خود بهره ببرید. این ابزار سرعت سایت را در یک مقیاس 0 تا 100 ارزیابی میکند و همچنین راهنمایی های مفیدی در مورد کاهش زمان بارگذاری ارائه میدهد.

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