6 راه برای کوتاه‌تر کردن زمان لود صفحات وب‌سایت

6 راه برای کوتاه‌تر کردن زمان لود صفحات وب‌سایت

سرعت یکی از کلیدهای موفقیت در دنیای وب است؛ در فضای آنلاین، این ثانیه‌ها هستد که پیروزی و شکست شما را رقم می‌زنند به‌طوری‌که تأخیری ۱ ثانیه‌ای در بارگذاری صفحه می‌تواند بازدید صفحه را به میزان 11٪، رضایت مشتری را به میزان ۱۶٪ و نرخ تبدیل بازدید کننده به مشتری را به میزان ۷٪ کاهش دهد.

شرکت آمازون پا را از این هم فراتر گذاشته و گزارش نموده است که به ازای هر ۱۰۰ میلی‌ثانیه افزایش سرعت سایت خود، ۱٪ افزایش بازدهی داشته است! این مثال و مثال‌های متعدد دیگر نشان می‌دهند که سرعت سایت، یک‌ نوع سرمایه‌گذاری روی کسب‌وکار آنلاین است؛ از همین روی، امروزه بهبود سرعت سایت به یکی از نیازهای مهم کسب‌وکارهای مختلف تبدیل شده است.

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

۱. بهینه‌سازی تصاویر
آمارها نشان می‌دهند که اغلب کاربران، سایتی که در عرض ۳ ثانیه لود نشود را بلافاصله ترک نموده و به سایت دیگری می‌روند! از سوی دیگر، از آنجا که تصاویر بخش عمده‌ای از حجم صفحات وب را به خود اختصاص می‌دهند،‌ بهینه نمودن آن‌ها می‌تواند تأثیر مستقیمی بر سرعت لود صفحه داشته باشد (به‌طور مثال، حجم تصویر این مقاله چیزی درحدود ۵۰ کیلوبایت است).

انتخاب اندازه و فرمت مناسب (JPG ،GIF و یا PNG)، یکی از مواردی است که در بهینه‌سازی تصاویر اهمیت خاصی دارد؛ هدف از بهینه‌‌سازی تصاویر این است که بدون از دست رفتن کیفیت، حجم فایل تصویر تا حد امکان کاهش پیدا کند (ابزارهای متعددی وجود دارند که می‌توانند دستیابی به این هدف را امکان‌پذیر کنند).

۲. از CDN استفاده کنید
Content Delivery Network یا شبکهٔ انتقال محتوا (CDN)، می‌تواند فایل‌های استاتیک وب سایت مانند فایل‌های سی‌اس‌اس، جاوااسکریپت و تصاویر را دریافت نموده و آن‌ها را به سرورهایی منتقل کند که از نظر مکانی و فیزیکی فاصلهٔ کمتری با کاربر دارند.

فاصلهٔ کمتر، سرعت بارگذاری سایت را افزایش می‌دهد؛ AWS CloudFront ،Fastly و Cloudflare چند نمونه از CDNهای معروف هستند. مزیت دیگر CDNها این است که استفاده از آن‌ها پهنای باند را آزاد نموده و به این ترتیب این احتمال که عملکرد سایت شما به دلیل ترافیک زیاد دچار اختلال شود را کاهش می‌دهند (برای آشنایی بیشتر با چنین سرویس‌هایی، به مقالهٔ معرفی ۴ سرویس CDN برتر برای میزبانی از مجموعه برنامه‌های اپن‌سورس مراجعه نمایید).

۳. کش کردن
کشینگ (Caching) مکانیسمی است که در طی آن به‌منظور کمتر کردن حجم اشغال‌شدهٔ پهنای باند و بهبود عملکرد سایت، صفحات وب به‌طور موقت در دیوایس مورد استفادهٔ کاربر ذخیره شده و بدین ترتیب در بازدید‌های بعدی، به جای لود صفحه از سرور اصلی، نسخهٔ ذخیره شدهٔ صفحه از روی دیوایس نمایش داده می‌شود.

البته اگر پس از آخرین بازدید کاربر تغییری در آن صفحه ایجاد شده باشد، در این صورت نیاز است تا نسخهٔ جدید صفحه مجدداً بارگذاری شود؛ فرآیند کشینگ در مجموع سبب می‌شود تا ریکوئست‌ها سریع‌تر ارسال شوند و بنابراین فعال نمودن کشینگ مرورگر برای کاربرانی که مکرراً از سایت شما بازدید می‌کنند می‌تواند کار را آسان‌تر و سریع‌تر نماید.

۴. فشرده‌سازی
Gzip نرم‌افزاری است که برای فشرده‌سازی فایل‌ها مورد استفاده قرار می‌گیرد؛ استفاده از آن دقیقاً مانند این‌که وب‌سایت خود را در یک فایل زیپ قرار داده باشید؛ امروزه اغلب سرورها و مرورگر‌ها از Gzip پشتیبانی می‌کنند.

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

۵. کدهای سایت خود را سبک کنید
بسیار مهم است که کدها را تا حد امکان خلاصه و بهینه نمایید؛ به این معنا که تعداد فایل‌های اچ‌تی‌ام‌ال، سی‌اس‌اس و جاوااسکریپت سایت خود را کاهش دهید.

مثلاً فرض کنید نسخهٔ موبایل وب‌سایت شما حاوی ۵ فایل جاوااسکریپت است؛ بنابراین برای این‌که مرورگری بتواند این سایت را نمایش دهد، باید برای دریافت هر کدام از این ۵ فایل یک ریکوئست HTTP جداگانه ارسال نماید (یعنی ۵ درخواست برای ۵ فایل)، اما اگر بتوانید این ۵ فایل را به‌صورت خلاصه‌تر و فشرده‌تر و به شکل یک فایل واحد در آورید، مرورگر برای دریافت تمام این کدهای جاوااسکریپت تنها نیاز به ارسال یک درخواست خواهد داشت و کاهش درخواست‌ها به نوبهٔ خود موجب افزایش سرعت لود صفحات خواهد شد.

البته به‌خاطر داشته باشیم که با عرضهٔ HTTP2،‌ این محدودیت دیگر از بین رفته و سرورهایی که نسخهٔ دوم پروتکل اچ‌تی‌تی‌پی را ساپورت می‌کنند، می‌توانند این امکان را فراهم سازند که به هر تعداد ریکوئست که بخواهیم، به‌صورت موازی برای دریافت فایل‌های سی‌اس‌اس، جاوااسکریپت و ... به‌سمت سرور ارسال کنیم که توصیه می‌کنیم برای آشنایی بیشتر با فیچرهای این پروتکل، به مقالهٔ HTTP/2 چیست و چه تفاوت‌هایی با HTTP/1 دارا است؟ مراجعه نمایید (البته مهاجرت به HTTP2 دارای یکسری چالش‌هایی هم هست که آشنایی با آن‌ها خالی از لطف نیست؛ برای آشنایی بیشتر با این چالش‌ها، می‌توانید به مقالهٔ آشنایی با برخی چالش‌های مهاجرت به HTTP/2 مراجعه نمایید).

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

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

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

منبع


رائفه خلیلی