بهبود سرعت بارگیری صفحات در طراحی سایت

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

تست عملکرد وب سایت

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

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

گوگل همچنین PageSpeed ​​Insights را برای آزمایش دقیق عملکرد ارائه می دهد. Google Chrome DevTools همچنین می تواند به توسعه دهندگان در ارزیابی عملکرد سایت خود کمک کند.  Network Tab تمام درخواست‌های HTTP، حجم دارایی‌های درخواستی و مدت زمانی را که درخواست‌ها طول می‌کشد تا برآورده شوند را نشان می‌دهد.

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

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

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

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

کمینه سازی فایل های CSS و JavaScript

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

در صورت امکان تعداد درخواست های HTTP را کاهش دهید

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

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

از کش کردن HTTP مرورگر استفاده کنید

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

گنجاندن اسکریپت های خارجی را به حداقل برسانید

هر عنصر صفحه وب اسکریپت‌شده که از جای دیگری بارگیری می‌شود، مانند سیستم‌های نظردهی خارجی، دکمه‌های CTA یا پنجره‌های بازشوی نسل اول، باید هر بار که صفحه بارگیری می‌شود، بارگیری شود. بسته به اندازه اسکریپت، اینها می توانند سرعت صفحه وب را کاهش دهند یا باعث شوند صفحه وب به یکباره بارگیری نشود (به این حالت "پرش محتوا" یا "تغییر طرح" گفته می شود و می تواند به ویژه برای کاربران تلفن همراه خسته کننده باشد).

در صورت امکان از redirects استفاده نکنید

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